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