在开发前端工作中，我们总是建议先在Firefox里把你的样式及结构调整到符合设计稿的状态后，再来做IE等其它浏览器下的兼容，因为Firefox更符合web标准，这将节省你的开发时间。
下面记录了我常用的firefox插件：
1、Firebug: 必备利器，瑞士军刀级
2、CSS View: 有漂亮的UI及方便的操作，但有了Firebug后，它也就成了个玩具
3、CSS Usage: 能分析出具体哪条CSS没有被用到并以不同颜色标识，后期优化利器
4、Web Developer: 禁用Cookie、CSS、JS、编辑表单、验证页面等等，同样为瑞士军刀级
5、ColorZilla: 对页面中任意位置取色，结果为RGB或16进制等各种格式
6、JS View : 下载页面中的JS文件
7、Page speed: Google出品的用于前端性能优化的工具，有点类似于YSLow
8、User Agent Switcher: 切换用户代理，通过发送不同的HTTP头来模拟不同的设备，如iPhone
9、YSLow: Yahoo推出的前端性能优化工具，能分析html结构，CSS，JS等，推荐！
10、View Source Chart: 可以非常完美将任何一个网页的源代码优雅的展现出来。哪怕是js代码运行之后write出来的东东。
11、Live Http Headers: 可以查看每一次请求，你的浏览器和服务器之间都说了哪些悄悄话，做个明白人 。
12、LinrLightWeb：前端开发超强插件
13、Alipay UED：推出网站代码分析和质量检测 Chrome 扩展 Monster
14、SearchStatus：查看网站SEO信息，如PR值和Alexa排名
15、ColorZilla：可以从浏览器中的任一点读取色彩值
如果有发现好的，并不断记录中…