用来武装Firebug的十四款Firefox插件

原文发布时间为：2010-04-24 —— 来源于本人的百度文章 [由搬家工具导入]

若是你是一名Web设计师，Firebug想必不会陌生，做为一款Firefox插件，它多是网站前端开发最有用的工具之一。尤为是现在网站中用到愈来愈多的javascript和ajax技术，firebug为Web前端开发与调试提供了莫大便利。Firebug拥有众多优势，其中就包括可扩展性，下面介绍的这些Firefox插件就是用来武装Firebug的，让它变得功能更丰富，更便捷。

1. YSlow（Why slow？-为何慢呢？）

   YSlow是一款用来分析网页，并提出前端性能改进建议的Firefox插件。YSlow依据预约义或用户自定义的规则为网页评级。它同时提供了许多性能分析工具，如：Smush.it™ 、 JSLint。

2. Page Speed

   与YSlow很是类似，Page Speed是google团队推出的一款用于评测网页性能的插件，尤为能够依据“网页性能最佳实践”对网页性能提出改进建议。
   Page Speed能够自动优化图片，并提供压缩版本。它也能够侦测到那些实际并未用到的Javascript和css，以便优化它们。
   Page Speed但是个1.3M的大插件，它还拥有许多优秀功能等你尝试。

3. Pixel Perfect

   在制做网页时，在页面上添加一个新的设计元素（例如一个图片或图标）以前，咱们每每但愿提早看到元素添加后页面的总体效果。Pixel Perfect就能够帮你实现这个想法，它容许开发者在网页上覆盖你要添加的设计元素。使用它时你能够调整要添加元素的透明度和位置。
   我感受这款插件也可用来作网页中元素的微调，以保证和最初设计蓝图一致，如它的名字，完美到一个像素都不差。

4. CodeBurnder

   安装CodeBurner后，能够再firebug面板中看到参考面板用来查询html元素、html属性、css属性，就像一个字典同样。
   当在Firebug中选中一个节点时，它也会提供一些相关的代码示例供你参考。

5. FireUnit

   FireUnit提供了一个简单的API用来作简单的测试记录及单元测试。

6. FirePHP

   在FirePHP的帮助下，你能够经过调用一个简单的PHP方法，在Firebug中记录日志。

   数据是经过响应包头（Response Header）发送的，不会影响到网页内容。

7. FireRainbow

   FireRainbow 能够用来控制、修改Firebug中Script的语法高亮显示。

8. FireDiff

   It adds a change monitor recording every change made, by Firebug and the website itself, to CSS and the DOM.
   它可以记录经过Firebug或网站自身的CSS或DOM的每一次改动。

   这个我装上后，也没看出firebug上多了什么，也不知该怎么用。但愿知道的朋友留言说一声。

9. Jiffy Firefox Extension
   

   安装Jiffy Firefox Extension后会在Firebug中出现一个新面板，用来图形化显示Javascript的运行时间，并可打印出报表。

   看主页说明，使用好像还有点麻烦。感兴趣的朋友本身看下。

10. Hammerhead

    Hammerhead能够帮助你计算网页的载入时间。（这个好像Firefox自己具有啊）

    它支持多页面，并容许你清除磁盘或内存缓存后再进行载入时间测试。

11. Firecookie

    Firecookie, 是一个嵌入在Firebug中的cookie浏览管理插件。

    若是在Web开发中用到了cookie，使用它能够轻松的浏览cookie值、过时时间等，有助于快速开发。

    使用它时须要在Firebug的网络面板中开启cookie监测。它可同时显示发送和接收的cookies。

12. Firefinder

    在以前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”，专门介绍过这款插件。再也不多说，须要的话去看一下。

13. LiveCoder

    LiveCoder是Firebug的一个扩展，用来查看Firefox Chrome。这对与那些Firefox插件开发者很是有用，它能够帮你检查、修改Firefox插件的Dom。

    不知道国内是否开发Firefox插件的，不然就用不到了

14. ScrapBook Plus 用来下载页面的。能够把在线页面完整下载下来，离线浏览。包括图片CSS等，均可如下载下来。