|
|
如果你是一名Web設計師，Firebug想必不會陌生，作為一款Firefox插件，它可能是網站前端開發最有用的工具之一。尤其是如今網站中用到越來越多的Javascript和ajax技術，firebug為Web前端開發與調試提供了莫大便利。Firebug擁有眾多優點，其中就包括可擴展性，下面介紹的這些Firefox插件就是用來武裝Firebug的，讓它變得功能更豐富，更便捷。
- YSlow（Why slow？-為什么慢呢？）
YSlow是一款用來分析網頁，并提出前端性能改進建議的Firefox插件。YSlow依據預定義或用戶自定義的規則為網頁評級。它同時提供了許多性能分析工具，如：Smush.it™ 、 JSLint。
- Page Speed
與YSlow非常相似，Page Speed是google團隊推出的一款用于評測網頁性能的插件，尤其可以依據“網頁性能最佳實踐”對網頁性能提出改進建議。
Page Speed可以自動優化圖片，并提供壓縮版本。它也可以偵測到那些實際并未用到的Javascript和css，以便優化它們。
Page Speed可是個1.3M的大插件，它還擁有許多優秀功能等你嘗試。 - Pixel Perfect
在制作網頁時，在頁面上添加一個新的設計元素（例如一個圖片或圖標）之前，我們往往希望提前看到元素添加后頁面的整體效果。Pixel Perfect就可以幫你實現這個想法，它允許開發者在網頁上覆蓋你要添加的設計元素。使用它時你可以調整要添加元素的透明度和位置。
我感覺這款插件也可用來做網頁中元素的微調，以保證和最初設計藍圖一致，如它的名字，完美到一個像素都不差。 - CodeBurnder
安裝CodeBurner后，可以再firebug面板中看到參考面板用來查詢html元素、html屬性、css屬性，就像一個字典一樣。
當在Firebug中選中一個節點時，它也會提供一些相關的代碼示例供你參考。 - FireUnit
FireUnit提供了一個簡單的API用來做簡單的測試記錄及單元測試。
- Firephp
在Firephp的幫助下，你可以通過調用一個簡單的php方法，在Firebug中記錄日志。
數據是通過響應包頭（Response Header）發送的，不會影響到網頁內容。
- FireRainbow
FireRainbow 可以用來控制、修改Firebug中Script的語法高亮顯示。
- 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上多了什么，也不知該怎么用。希望知道的朋友留言說一聲。
- Jiffy Firefox Extension
安裝Jiffy Firefox Extension后會在Firebug中出現一個新面板，用來圖形化顯示Javascript的運行時間，并可打印出報表。
看主頁說明，使用好像還有點麻煩。感興趣的朋友自己看下。
- Hammerhead
Hammerhead可以幫助你計算網頁的載入時間。（這個好像Firefox本身具備啊）
它支持多頁面，并允許你清除磁盤或內存緩存后再進行載入時間測試。
- Firecookie
Firecookie, 是一個嵌入在Firebug中的cookie瀏覽管理插件。
如果在Web開發中用到了cookie，使用它可以輕松的瀏覽cookie值、過期時間等，有助于快速開發。
使用它時需要在Firebug的網絡面板中開啟cookie監測。它可同時顯示發送和接收的cookies。
- Firefinder
在之前發布的一篇日志“一款快速查找頁面元素的Firefox插件——FireFinder”，專門介紹過這款插件。不再多說，需要的話去看一下。
- LiveCoder
LiveCoder是Firebug的一個擴展，用來查看Firefox Chrome。這對與那些Firefox插件開發者非常有用，它可以幫你檢查、修改Firefox插件的Dom。
it知識庫：用來武裝Firebug的十三款Firefox插件，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
