落楓推薦:firefox外掛firebug的8個最優秀擴充套件

       Firebug是革命性的Firefox擴充套件，幫助網頁開發者與設計師以及seo等技術人員測試檢查前端程式碼。為我們提供了大量有用的特色功能，比如，延遲資訊控制板，DOM檢視器，頁面元素的逐條資訊，以及更多。儘管Furebug 已經是捆綁了大量開發功能的工具箱了，但是仍然有幾個擴充套件可以提升它的可用性。本文為大家推薦介紹十款最好Firebug擴充套件(顧名思義,就是整合到外掛firebug裡的東西,清爽又省位置)，讓開發生活更加輕鬆。最重要的是它們竟然還是免費的.為方便各位安裝擴充套件,我在每個擴充套件介紹後面都提供了下載連結. 

1. Pixel Perfect

 

       Pixel Perfect可以把網頁與設計稿覆蓋在一起組成一個網頁，方便精確的編寫CSS與HTML。藉由切換網頁組成的開關，網頁開發者與設計師擁有視覺化指導，精確位置和網頁部件的尺寸。檢視 視訊演示，看看Pixel Perfect如何工作的。

• 安裝 Pixel Perfect

2. Page Speed

       Page Speed是評估網頁表現，為開發者提供可行的前端效能優化建議的開源Firebug外掛。測試和評估是基於Google的Steve Sounder編寫的網頁效能的最優方法。請務必閱讀頁面速度使用者指南完整文件的許多功能。

 

• 安裝 Page Speed

3. CodeBurner

       CodeBurner,sitepoint釋出的Firebug的擴充套件，提供內建的HTML和CSS參考。擴充套件也顯示基於當前CSS 和HTML皮膚前後關係的資訊。這樣的參考非常實用，為你顯示瀏覽器相容性與W3C網頁元素推薦遵守協議的資訊，其中很多其他型別的資訊。

• 安裝 CodeBurner

4.FireRainbow

       FireRainbow是簡單的Firebug擴充套件，提供了非常聯想的功能：程式碼語法高亮。FireRainbow把JavaScript, CSS, 和HTML變成了彩色，提供了更好的程式碼可讀性，方便在Firebug回顧與審查。現在有超過二十種可供選擇的FireRainbow主題安裝，可以自由定製。

• 安裝 FireRainbow

5.Inline Code Finder

          Inline Code Finder 非常適合檢視內嵌的avaScript和CSS，適合開發者重構現有的標記以單獨的結構（HTML）與風格（CSS）以及功能（JavaScript） 。該工具使用很簡單：搜尋整個網頁的內嵌程式碼，為開發人員提供內聯程式碼前後關係的資訊。你可以過濾某些群體內嵌程式碼。

• 安裝 Inline Code Finder

6. SenSEO

       SenSEO是分析網頁並指出如何做白帽搜尋引擎優化的Firebug擴充套件。核查元標記的正確使用，存在的題目，標題，和其他相關的最佳搜尋引擎優化標準,這個你會喜歡的,一鍵看清所有元素.

• 安裝SenSEO

7.YSlow 

 

       YSlow評價網頁的效能，並建議改善有潛力的地方。 YSlow是基於YDN的加快網站的最佳方法，並給你三個預定義（或使用者定義的）規則設定。它有幾個有用的功能，如顯示的資訊和網頁元件的資料統計，整合了優化工具，如JSLint 和Smush it。

• 安裝YSlow

8.Firefinder

       Firefinder是按照您輸入搜尋標準快速查詢網頁內容中相匹配的CSS或XPath選擇符。 Firefinder對測試哪個網頁內容受CSS樣式規則影響，高亮與查詢符合您的搜尋的元素非常實用。

• 安裝 Firefinder