Firefox Plugin for Web Developer

1. FireBug

2. Web Developer

3. Colorzilla

4. MeasureIt

5. YSlow

6. Total Validator

7. FirePath

FirePath 是Firebug的扩展插件，添加了开发工具，可以编辑，监测和生成XPath 1.0表达式，CSS 3选择符和JQuery的选择符

8.
Firepicker
for Firebug

Firepicker
for Firebug 是一个插件，当我们在Firebug中编辑CSS规则时它能够新增选色对话框。点击下拉框中的颜色值，会触发生成一个选色对话框

9.CodeBurner

CodeBurner是Firefox插件，集成了Firebug，提供了HTML和CSS的参考资料。扩展的核心功能主要集中在新面板上，其中包含了一个用于查找HTML元素，CSS属性的搜索工具。扩展的功能被嵌入到了HTML和CSS面板上，新增的选项支持查找选中项或者查看代码事例。

10.
EditCSS支持在侧边栏中修改样式表。它可以测试页面中的CSS。

11. CSSTidy
—— CSS格式化工具

12. CSS Compressor —— CSS压缩

13. WebWait
- Benchmark Your Website

14. Firecooike:
view the cookie info.

15. Jiffy
—— 调试性能的，用起来比较麻烦，没试过

16. Pixel
Perfect —— 把设计稿直接拖到Firefox里进行对比

Rainbow for Firebug —— JS高亮，性能不是很理想

Fiddler 开关 —— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学

17. Pixel
Perfect —— 把设计稿直接拖到Firefox里进行对比

18. Rainbow for Firebug —— JS高亮，性能不是很理想

19. Fiddler 开关 —— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学

Web Developer

DevBoi —— 把Html, Dom, JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在这里找到更多的Package。

RefControl —— 针对每个站点发送想要的HTTP Referer

GreaseMonkey —— 看某个网站不爽，写个小脚本来优化下还是不错的

HttpFox —— 查看当前Http链接状态，类似IE下的HttpWatch

User Agent Switcher —— 切换User-Agent，同时开发iphone和web版本的时候很方便

FoxyProxy —— 穿墙工具，配合专业代理公布器使用很和谐

IE下的调试工具

Fiddle2 —— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述"Fiddler 开关"进行快速切换。支持插件。

IE Developer Toolbar —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。

Microsoft Script Debugger + Companion.JS —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在"IE选项-高级"里取消禁用脚本调试。

多版本IE共存两种方案：

IE7/8 + IE Tester —— 大众型配置，可以基本满足日常需要。

IE6 + Internet Explorer Collection —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。

以下三个软件相对不重要些：

HttpWatch —— http流查看

Instant Source —— 可查看JS生成的源码

NetLimiterPro —— 网速限制

TBCompressor
—— 淘宝UED的JS/CSS压缩工具，详见玉伯的介绍

pngOptimizer —— png优化工具

jpegTran —— jpeg去冗余meta工具