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

Firebug

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

资源：

从
Mozilla Add-ons 下载 Firebug

更好地使用
Firebug 需要一个学习过程

了解更多关于Firebug的信息

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