用來武裝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等，均可如下載下來。