`

Firefox非主流开发扩展推荐

阅读更多

Firebug已经家喻户晓,不必多说。下面推荐的是些村酒野蔬,虽没什么名气,但其味醇厚甜美,食之飘香再难忘情。

HTML Validator

html_validator
http://users.skynet.be/mgueury/mozilla/

很喜欢这个扩展的Tidy算法模式,可以检查出HTML页面中绝大部分嵌套和书写错误,并且针对每个错误都有详细的说明和推荐写法。当然,很多时候,我们不大可能去纠正所有错误和警告。一个常用的小技巧是:将可以容忍的错误添加到Hidden列表中。这样,只要看看右下角的状态信息,就知道页面中是否还有错误了。

Launchy

launchy
https://addons.mozilla.org/en-US/firefox/addon/81

这个扩展相见恨晚,一见就再也离不开了。如上图所示,能很方便的让我们在不同浏览器中加载测试页面,还可以配置编辑器。注意的是:默认情况下,Launchy会自动探测浏览器和编辑器,我的习惯是将自动探测关闭,按照选项里的说明,在chrome目录下通过launchy.xml手动指定菜单项。这是我的配置文件:Firefoxprofilechromelaunchy.xml目前IETester只能打开,不知道怎么传送参数过去,还希望知道的指点一下。(IETester 0.3已经支持Command line arguments)

Fiddler Switch

fiddler_switch
https://addons.mozilla.org/en-US/firefox/addon/9373

在前端开发界,有这么一个说法:Firefox + Firebug + Fiddler,称之为 3F,拯救了前端的工作。Fiddler是个伟大的工具,默认在IE上工作得挺好,但在Firefox上需要设置代理,有点麻烦,Fiddler Switch就是Taobao UED空帷达人为了解决此问题而开发的。如果你还没用过Fiddler,推荐阅读下这篇文章:如何直接调试线上页面的JavaScript和CSS

Johnny Cache

johnnycache
https://addons.mozilla.org/en-US/firefox/addon/3817

是否厌倦了 Ctrl + F5? 是否有时忘了切换 Web Developer Toolbar 禁用的Cache,而导致上网很慢?Johnny Cache让你一次配置,永久解决烦恼。我很喜欢这种谦虚却非常实用的扩展。

Firefox DNS Flusher

dns_flusher
https://addons.mozilla.org/en-US/firefox/addon/7408

这也是一款非常谦虚但绝对实用的扩展。开发测试时,经常要修改hosts文件。但默认情况下,Firefox会缓存DNS,修改hosts文件后,有时得重启Firefox才能生效,这是很让人恼火的。装了这个扩展,就再也不用等待漫长的重启了。同时,还拥有了一个附加功能:直接查看域名的ip.

MeasureIt

measureit
https://addons.mozilla.org/en-US/firefox/addon/539

根据mockup制作精确的demo是前端工程师们的日常工作,通常的做法是在Photoshop或其它图像处理软件中测量,但来回切换窗口是有点影响效率的。MeasureIt能让你直接在页面中的测量,方便快捷。

我的Firefox上,除了Firebug, 开发用的扩展就上面这些了。除了MeasureIt用的频率不是很多,其它扩展几乎天天都用。感谢这些扩展,让我有更多的时间好好生活。

分享到:
评论

相关推荐

    前端项目-foundation-essential.zip

    7. **适配性和兼容性**:Foundation 通常会考虑主流浏览器的兼容性,包括 Chrome、Firefox、Safari、Edge 和旧版的 Internet Explorer。不过,对于较旧或非主流的浏览器,可能需要额外的代码调整或 polyfills 来保证...

    nanologger漂亮的浏览器日志

    6. **兼容性**:作为浏览器日志库,nanologger应兼容主流的现代浏览器,如Chrome、Firefox、Safari、Edge等,同时也应考虑对旧版本浏览器的支持。 7. **源码解析**:从压缩包文件名称`nanologger-master`来看,这...

    TornadoUIFramework是一个前端框架使Web设计很简单更快

    7. **兼容性**:考虑到浏览器的多样性,TornadoUIFramework应能兼容主流的现代浏览器,如Chrome、Firefox、Safari和Edge等。 通过深入学习和使用TornadoUIFramework,开发者可以更高效地构建高质量的Web应用程序,...

    instant source.rar

    6. **兼容性**:对于浏览器兼容性,"Instant Source"可能不仅限于主流的Chrome、Firefox、Safari和Edge,也可能支持一些非主流或移动设备的浏览器。 7. **扩展功能**:除了基本的源代码查看,它可能还集成了其他...

    research:其他FF研究项目

    在IT行业中,"其他FF研究项目"通常指的是对非主流或特定领域的Firefox(FF)浏览器扩展或功能的研究。"DynastyProcess"可能是一个专门用于此类研究的仓库,它旨在跟踪和探索与随机位存储相关的技术。这个研究项目...

    纯JS编写的许愿墙,还是不错的

    在Web开发中,不同的浏览器对CSS、HTML和JavaScript的支持程度可能有所不同,尤其是在老版本的Firefox(FF)和其他非主流浏览器上。开发者在编写代码时需要考虑跨浏览器兼容性,使用像`feature detection`或者`...

    此存储库包含Web技术的兼容性数据

    1. **浏览器版本支持**:针对各种主流浏览器(如Chrome、Firefox、Safari、Edge、IE等)的不同版本,列出对JavaScript语法、API、DOM操作等的支持情况。 2. **移动设备兼容性**:除了桌面浏览器,还会涉及移动设备...

    SVG,即可缩放矢量图形

    在浏览器兼容性方面,现代主流浏览器如Chrome、Firefox、Safari、Edge等都完全支持SVG,但在一些较旧的或者非主流的浏览器中可能存在兼容问题,开发者需要注意适配。对于不支持SVG的环境,可以考虑使用图像替换技术...

    DIV+CSS制作切图原则性 图片素材如何切出思考.docx

    同时,完成设计后,应进行全方位的浏览器兼容性测试,确保在主流浏览器(如Chrome、Firefox、Safari、Edge等)以及不同版本的IE浏览器上都能正常显示。 4. **图片素材的处理**:在切图过程中,要考虑图片的尺寸、...

    asp.net表情插件

    在实际应用中,该插件的兼容性非常重要,因为不同的用户可能使用不同的浏览器(如Chrome、Firefox、Safari或Internet Explorer)。这个插件能够适应这些浏览器,意味着开发者无需担心因浏览器差异导致的功能缺失或...

    bootstrap-datetimepicker时间控件

    此外,它兼容各种现代浏览器,包括Chrome、Firefox、Safari、Edge等,但可能在一些较旧或非主流的浏览器上表现不佳。 总的来说,Bootstrap-Datetimepicker是开发基于Bootstrap项目时的一个强大工具,它提供了灵活的...

    个人浏览器

    在浏览器领域,主流产品如Chrome、Firefox、Safari等已经占据了大部分市场份额,但【个人浏览器】的出现为用户提供了更多的选择。这样的浏览器可能专注于隐私保护、速度优化、自定义功能或者某些特定的用户体验,以...

    pdf在线预览js

    目前最常用的库是Mozilla开发的PDF.js,它是一个开源项目,专门用于在Web浏览器中呈现PDF文件。PDF.js提供了强大的API,可以实现PDF文档的加载、渲染和交互功能。 1. **PDF.js的使用** - **加载PDF**:使用`PDFJS....

    手机版日期插件

    5. **兼容性**:兼容多种移动浏览器,如Chrome、Safari、Firefox等。 6. **事件处理**:提供丰富的事件接口,如选择日期后的回调函数,方便开发者扩展功能。 以“ICalendar”为例,这可能是一个适用于移动设备的...

    看谁能坚持60秒HTML5游戏源码

    10. 测试与调试:反复测试表明开发者重视产品质量,可能使用Chrome DevTools、Firefox Developer Tools等工具对游戏进行调试和性能分析,确保在不同设备和网络环境下都能顺畅运行。 总的来说,"看谁能坚持60秒...

    Bo-Blog iloveu

    7. **浏览器兼容性**:模版需要在主流浏览器如Chrome、Firefox、Safari和Edge等上运行良好,以确保广泛的用户覆盖。 8. **图片和媒体资源**:模版通常包含预设的图片、图标和其他媒体资源,用于展示内容和提升视觉...

    evol.colorpicker

    由于evol.colorpicker是基于现代浏览器的JavaScript和CSS技术构建的,因此它主要兼容Chrome、Firefox、Safari、Edge等现代浏览器,对于老版本或非主流浏览器可能需要额外的适配工作。 6. **集成与使用** 使用evol...

    pasition超级小尺寸的Path过渡动画类库

    4. **兼容性**:由于PathTransition是基于JavaScript的,因此它能够在现代浏览器中运行,包括Chrome、Firefox、Safari、Edge等,但可能不支持较旧版本或非主流浏览器。 5. **易于集成**:库的体积小巧,引入简单,...

    H885_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    9. 设备兼容性:由于是基于HTML5和CSS3构建的,这个源码应该能很好地支持现代浏览器,包括Chrome、Firefox、Safari和Edge等。然而,对于较旧的浏览器或非主流设备,可能需要进行额外的兼容性测试和调整。 10. 开发...

    前端项目-photoset-grid.zip

    9. **浏览器兼容性**:作为一个基于jQuery的插件,Photoset-Grid通常会支持主流的现代浏览器,如Chrome、Firefox、Safari和Edge。然而,对于旧版或非主流浏览器的兼容性,需要查看项目的文档或测试结果。 10. **...

Global site tag (gtag.js) - Google Analytics