Six Revisions为我们推荐了20个关于网页设计的Firefox插件。

1.web developer

https://addons.mozilla.org/zh-CN/firefox/addon/60
可惜这个最近发布日期为2009年6月30日。我目前的firefox版本为3.6b1，结果无法安装。只能期待更新后再试了。
2.seoquake
https://addons.mozilla.org/en-US/firefox/addon/3036
如名称所示，提供一些SEO信息，比如各大搜索引擎的收录情况啦，内链外链数量，网站排名，关键字密度等。很琐碎很强大！

3.window resizer

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

通过简单的按钮检视多种分辨率下的显示情况，支持640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200。听起来很省事儿的。

4.fireshot

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

截图插件。不过我习惯PikPick了。

5.Firebug

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

这个不用介绍了，好多人推荐过的。我一直就用这个，不然让我这小白来修改样式代码的话真的完全没法下手。

6.Greasemonkey

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

这个也太有名，不用赘述了。

7.ColorZilla

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

调色盘工具。有的时候就是这么奇怪，明明觉得网上很多调色盘的，但要用的时候老半天又找不到一个好用的。

8.Fireftp

https://addons.mozilla.org/zh-CN/firefox/addon/684

Ftp插件。有好些语言的版本，但还没中文的。不过我用惯FileZilla了。

9.IE Tab

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

大意是一键切回IE，用IE打开页面，并显示为FF下的一个标签页。

个人以为，如果将这个插件称为网页设计工具是够鸡肋的，这点功能比起IE tester实在不算什么。因为没有理解错误的话，它的前提还是调用你机器上安装的IE，而且只是指定的那一个。好歹IE的版本有N个，网页设计如果要照顾众多浏览器，不可能只检查你机器上装的某一个版本的IE的情况的。

最需要用的情况可能还是针对浏览某些对FF支持不佳的网站。这个时候，能够一键切回IE，还是相当方便的。

10.Palette Grabber

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

可以根据制定页面生成一套调色盘颜色，可支持Photoshop, Flash, PaintShop Pro, GIMP, Adobe Fireworks, and Mac OS X Color Picker的调色盘格式。

11.Fontfinder

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

可以显示选定内容所采用的字体。不过有了Firebug的话,就不用重复装个这了吧?

12.Total Validator

https://addons.mozilla.org/zh-CN/firefox/addon/2318

综合性的验证工具。帮助检查网页是否符合标准：包括针对W3C/ISO DTDs 的(X)HTML 有效性，W3C WAI ，时间检查，坏链检查等。

13.Platypus

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

使用前提是安装了Greasemonkey。利用这个插件，我们可以随时改变当前网页的输出效果而不需要手工编写User Script。当你再次访问网页的时候它也会记得你做过的修改。

14.Dummy Lipsum

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

排版用的东东，我也是才知道，就是产生一堆无意义的文字填充版面看效果的。

这个产生出来的都是字母的。搜到一个生成繁体中文Lorem Ipsum的网站：http://www.richyli.com/tool/loremipsum/wordcount.asp

15.Page Diff

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

用以对比两个页面的HTML源码的不同之处。

16.Aardvark

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

又一个可以显示元素属性的东东。而且可以删除某个元素，改变背景色等等。这样你可以根据需要隐藏掉一些内容（比如广告什么的），使页面更有可读性以及便于打印。

17.Codetch

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

它确实长得像Dreamweaver。不错的替代品。

18.Measure It

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

尺子。总有用到的时候。

19.YSlow

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

基于Firebug。安装后会在Firebug上增加一个面板，报告网页的执行性能得分及其它相关的评价，提供页面载入时间，网页组成元素（脚本，图像，Flash等 等）等各种信息。有人说可能会因为装了这个丢Cookie。不知道这问题现在解决了没有。

20.CSSViewer

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

还是查看CSS属性的东东。

参考自：http://sixrevisions.com/tools/top-20-essential-firefox-add-ons-web-designers/