用來武裝Firebug的十三款Firefox插件
如果你是一名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。