前端开发必备的6个Firefox插件

时间:2021-09-06 14:10:11

Firebug

一个工具可以改变一个行业在 Firebug 身上得到了充分的印证,每一个前端开发人员都应该把这个小虫子捉到你的 Firefox 里面。在以前的岁月里,开发人员(尤其是 JavaScript 开发人员)最痛苦的事情就是调试程序,因为 JavaScript 的调试工具一直以来都是极度匮乏的,Firebug 的出现在很大程度上改变了这一状况。在Firebug中可以轻松地检视元素,查看并修改HTML,CSS,监视异步请求,设置断点,条件断点,以及准确地抛错……如今的Firebug通过扩展插件(Extensions),甚至已经把影响力渗透到web开发的各个角落,包括PHP , ColdFusion , Python , Flash , SEO 。

资源:

JS View

JS View 不像上面的 Firebug 那样大名鼎鼎,但事实上,这几乎算是除了 Firebug 之外前端开发人员使用得最频繁的一款插件,装上它之后,开发者可以非常方便地查看当前网站引用了哪些 JS 文件和 CSS 文件,查看这些文件的内容,获取地址都是非常方便的事情,另外 JS View 还加强了Firefox本身“查看源代码”的功能,非常值得试一试。


非常遗憾的是 JS View 的作者不知出于什么原因停止了对这款插件的更新,到目前为止 Mozilla Add-ons 上关于 JS View 的页面所提供的插件依然只支持到 Firefox 3.6a1pre 版本。但这并不会影响我们使用,只需要修改下载下来的 xpi 文件中 install.rdf 的版本信息就可以完美兼容最新版本。如果你依然觉得麻烦,下面的链接指向的是已经修改好的文件:
JS View

HTML Validator

这个插件不用多介绍了,提供当前页面的 HTML 验证结果(本地验证),非常的简洁、直观。



从 Mozilla Add-ons 下载 JS View

Regular Expressions Tester

一款强大的正则表达式测试工具,不仅可以帮助开发人员编写正则,还可以方便地进行存储,以后用到就不用再绞尽脑汁了。


从 Mozilla Add-ons 下载 Regular Expressions Tester

ColorZilla

想从页面上提取颜色?用 ColorZilla 再方便不过了,并且对提取到的颜色提供了各种色彩表达方式的复制,实用!


从 Mozilla Add-ons 下载 Colorzilla

Firesizer

Firesizer 用来快速将浏览器调整到指定的尺寸,这样开发人员可以模拟页面在不同分辨率下的表现,这款插件预设了几种尺寸,包括 800*600 ,1024*768,当然也可以进行自定义设置。


从 Mozilla Add-ons 下载 Firesizer