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