在网页开发过程中，用些不错的浏览器附加组件可以提高我们的调试及开发效率。接下来我就介绍几个我在实际工作过程中用到的FireFox附加组件，我就在这里抛砖引玉，欢迎朋友们拍砖。

1）FireBug

      首当其冲的应该非FireBug莫属。调试HTML、CSS、JAVASCRIPT。可以随意更改DOM模型、CSS，即刻在页面中表现出来。在脚本中可以设置断点单步或者逐过程的进行调试。以及AJAX发送请求回来的数据都可以在控件台中体现出来。截个图如下：

    Chrome也有FIRBUG插件，除此之外还有一个叫Stylebot插件。在Chrome商店中可以找到安装完成后右键页面元素可调出面板如下图：

 

2)YSLOW (YSlow For Firebug)

      这个是由雅虎公司开发的，做前端的必须工具，它可以对你的网页大小等信息及行评级，最高级别是A。对当前页面的所有资源进行分类统计大小给出相应的图表信息参考及HTTP请求统计次数并对你的页面提出相观建议，如下图：
      

    你也可以点击Tools Tab选择要查看或者优化的资源。

3)点亮网页(Linr LightWeb)

   当我们用图片做背景时经常用到CSS Sprite ，也就是将不同素材合成到一张图片上起到减少HTTP请求的次数。在用到CSS Sprite技术时Linr LightWeb帮助你到页面上面调节背景图片的定位的位置，也就是background-position值的作用。也有IE版的,CHROME版。看下图：

 

4)FireCookie

   当前网站在你的浏览器产生的COOKIE情况。

5)Rainbow

   网页取色工具，可以在网页内部取色。

6)Css Usage

  查看网页CSS使用情况。

7)Html Validator

  HTML验证工具。

8)FireGesture

  鼠标手，使用右键划过页面可以刷新、关闭、打开新窗口、下一个窗口等功能。相当方便。

9)FireQuery

 检查页面JQUERY框架库信息

10)MeasureIt

 测量距离工具.

11) Save As Pdf

 将页面保存了PDF文档。

12)Perl Crescent Page Saver Basic

 网页截屏工具，可以将整个网页或者可视区域保存为图片。

 

 

先介绍这几个，后续有发现在补上。