1. Firebug

关于firebug，我想无需多做说明，必备中的必备。

2. Yslow

YSlow 是由 Yahoo 所发布的 Firefox 扩展，其主要功能是依据高性能网站的标准来分析你的网页，并告诉你它慢的原因。这样，你便可以据此作出相应改进。

进行网页优化必备工具。

3. MeasureIt

这个工具对web设计人员非常有用处，如图所示，会加入一个屏幕测量的尺子，你可以很精确的对宽度和高度进行调整。

 4. HTML Validator

HTML Validator在验证html页面是否存在错误的时候非常有用处，它可以快速的寻找出错误的html代码。

 5. Aardvark

Aardvark的功能类似firebug的选择器功能，但偶认为Aardvark更强大、界面也更友好，你可以查看页面容器的盒模型，同时可以实时修改。

6. Greasemonkey

这只猴子也算是颇有名气，你可以利用这个工具，来对页面的内容进行控制，比如禁用javascript等。

7. FireFTP

FTP工具，FTP软件该有的功能它也都有了。

8. ScreenGrab

类似网文快捕的工具，当然没那么强大，你可以抓取页面的内容，包括页面上的flash。

9. Library Detector

有使用jquery、dojo等javascript库的朋友们留意了，这个插件非常有用处，安装下便知。

 10. ColorZilla

这个插件对web设计师会很有用，提供了非常多的配色方案。

原文：http://www.queness.com/post/2605/20-firefox-plug-ins-for-web-designers-and-developers