網(wǎng)頁前端開發(fā)必備的15個火狐插件

網(wǎng)頁前端開發(fā)必備的15個火狐插件

Firefox是一款越來越熱的Web瀏覽器，多種多樣的擴(kuò)展，主題，插件，是它快速流行的重要原因。Mozilla的網(wǎng)站上提供了許多擴(kuò)展和插件的下載，由于眾多開發(fā)者的支持，這些擴(kuò)展和插件的數(shù)量也在隨著需求日益增長，下面列舉15款比較優(yōu)秀的插件，僅供大家參考。

以下是15款火狐的插件，可以使得Web開發(fā)人員的開發(fā)工作更加容易：

1、Aardvark：Aardvark可以讓你從網(wǎng)頁中選擇元素，并對它們進(jìn)行操作。Web開發(fā)人員可以利用Aardvark對網(wǎng)頁的構(gòu)架進(jìn)行分析，同時還可以利用Aardvark去移除和隔離元素或者生成DOM代碼，這個是筆者強(qiáng)烈推薦的一款Firefox插件。2、CSSValidator（CSS驗(yàn)證器）：CSS驗(yàn)證器可以在您的瀏覽器中添加一個右擊選項(xiàng)，將CSS傳送至W3CCSS驗(yàn)證。它可以再一個新的標(biāo)簽中打開答案，筆者認(rèn)為，CSSValidator將會是一款引導(dǎo)潮流的開發(fā)工具。

3、CSSViewer：CSSViewer是一款小巧的CSS屬性查看器，隨著鼠標(biāo)的移動顯示當(dāng)前所指示元素的CSS樣式信息，其中包括了所有從父級元素繼承而來，用戶自定義以及瀏覽器自定義的樣式信息。同時。您也可以通過在工具欄添加該擴(kuò)展的圖標(biāo)按鈕來激活/禁用該擴(kuò)展。

4、FireBug：Firebug是測試前端代碼和CSS的最好的調(diào)試軟件。如果出現(xiàn)任何不符合格式的圖像或類型，最好的解決辦法就是用Firebug檢查出來。甚至可以在里面改變樣式來檢查網(wǎng)站是如何在瀏覽器中的渲染效果。

5、FirePHP：FireBug是針對CSS、HTML和JavaScript的一款很好的開發(fā)工具，但是FirePHP只有在用戶安裝了FireBug之后才可用，可以為PHP開發(fā)者所用，便于他們管理PHP函數(shù)。

6、FontFinder：FontFinder使得開發(fā)者可以在網(wǎng)站上突出一些文字的字體，右擊選擇后，選擇“查找字體”，查看選定文字的全部的CSS文字樣式，然后將這些文字粘貼到您自己的網(wǎng)頁中。

7、HTMLValidator（HTML驗(yàn)證器）：HTMLValidator是一款很強(qiáng)大的插件工具，并且它只是用于Windows用戶。它可以幫助您找出網(wǎng)站中的一些錯誤，并且標(biāo)注出來，當(dāng)然，您也可以選擇對網(wǎng)站上單獨(dú)的網(wǎng)頁進(jìn)行但也分析。

8、IEView：對于Windows系統(tǒng)來講，IEView是一款很有效的工具，這個插件在右擊菜單中添加了一個“在IE中打開”選項(xiàng)，使得您可以在IE瀏覽器中快速打開一個網(wǎng)站，這是檢查網(wǎng)頁在兩種瀏覽器中有何不同的最好方法。

9、JavaConsole（Java控制臺）：如果您想要了解Java小程序是如何在網(wǎng)頁中運(yùn)行的，Java控制臺可以幫助您。利用Java控制臺，您可以監(jiān)視和調(diào)試Java小程序，并獲得關(guān)于它們的性能的一份全面報(bào)告。

10、LinkChecker：LinkChecker可以突出網(wǎng)站中的鏈接，并且可以將您引進(jìn)您想要打開的網(wǎng)站。

11、Poster：如果您想要調(diào)試服務(wù)器和進(jìn)行HTTP請求的話，Poster將是一款很值得嘗試的工具。

12、StyleSheetChooserII：StyleSheetChooserII允許瀏覽者或開發(fā)者迅速地在為同一頁面編寫的不同樣式之間來回的切換，甚至能夠保證被選擇樣式應(yīng)用到該站點(diǎn)的全部頁面上.StyleSheetChooserII會覆蓋Firefox內(nèi)置的樣式表切換器[style-sheet-switcher]。

13、WebDeveloper：WebDeveloper可以在火狐中添加菜單和工具欄，使得您可以具有顯示網(wǎng)頁風(fēng)格、查看和編輯CSS等等選項(xiàng)。

14、YSlow：YSlow是一個非常有用的工具，用于Firefox的優(yōu)化。YSlow能為任何網(wǎng)頁做報(bào)告，并審查信息的數(shù)量，HTTP請求，CDNs使用，CSS和JScompression會給您一個評分，并告訴你如何改善此網(wǎng)頁，以便加載更快。15、ColorZilla：ColorZilla是個方便的網(wǎng)頁顏色分析工具，它包含顏色選擇器，調(diào)色板，顏色DOM分析工具，支持鼠標(biāo)對特定對象的選擇，可以和Firebug協(xié)同工作，支持網(wǎng)頁縮放。你可以用它對視覺效果強(qiáng)的網(wǎng)站進(jìn)行配色分析，然后參考進(jìn)行設(shè)計(jì)。

擴(kuò)展閱讀：網(wǎng)頁前端開發(fā)必備的15個火狐插件

網(wǎng)頁前端開發(fā)必備的15個火狐插件

Firefox是一款越來越熱的Web瀏覽器，多種多樣的擴(kuò)展，主題，插件，是它快速流行的重要原因。Mozilla的網(wǎng)站上提供了許多擴(kuò)展和插件的下載，由于眾多開發(fā)者的支持，這些擴(kuò)展和插件的數(shù)量也在隨著需求日益增長，下面列舉15款比較優(yōu)秀的插件，僅供大家參考。

以下是15款火狐的插件，可以使得Web開發(fā)人員的開發(fā)工作更加容易：

1、Aardvark：Aardvark可以讓你從網(wǎng)頁中選擇元素，并對它們進(jìn)行操作。Web開發(fā)人員可

以利用Aardvark對網(wǎng)頁的構(gòu)架進(jìn)行分析，同時還可以利用Aardvark去移除和隔離元素或者生成DOM代碼，這個是筆者強(qiáng)烈推薦的一款Firefox插件。下載地址：https://addons.mozilla.org/en-US/firefox/addon/4111/

2、CSSValidator（CSS驗(yàn)證器）：CSS驗(yàn)證器可以在您的瀏覽器中添加一個右擊選項(xiàng)，將

CSS傳送至W3CCSS驗(yàn)證。它可以再一個新的標(biāo)簽中打開答案，筆者認(rèn)為，CSSValidator將會是一款引導(dǎo)潮流的開發(fā)工具。

下載地址：https://addons.mozilla.org/zh-CN/firefox/addon/2289/

3、CSSViewer：CSSViewer是一款小巧的CSS屬性查看器，隨著鼠標(biāo)的移動顯示當(dāng)前所指示

元素的CSS樣式信息，其中包括了所有從父級元素繼承而來，用戶自定義以及瀏覽器自定義的樣式信息。同時。您也可以通過在工具欄添加該擴(kuò)展的圖標(biāo)按鈕來激活/禁用該擴(kuò)展。

下載地址：https://addons.mozilla.org/zh-CN/firefox/addon/2104/

4、FireBug：Firebug是測試前端代碼和CSS的最好的調(diào)試軟件。如果出現(xiàn)任何不符合格式

的圖像或類型，最好的解決辦法就是用Firebug檢查出來。甚至可以在里面改變樣式來檢查網(wǎng)站是如何在瀏覽器中的渲染效果。

下載地址：https://addons.mozilla.org/zh-CN/firefox/addon/1843/

5、FirePHP：FireBug是針對CSS、HTML和JavaScript的一款很好的開發(fā)工具，但是FirePHP

只有在用戶安裝了FireBug之后才可用，可以為PHP開發(fā)者所用，便于他們管理PHP函數(shù)。

下載地址：https://addons.mozilla.org/zh-CN/firefox/addon/6149/

6、FontFinder：FontFinder使得開發(fā)者可以在網(wǎng)站上突出一些文字的字體，右擊選擇后，

選擇“查找字體”，查看選定文字的全部的CSS文字樣式，然后將這些文字粘貼到您自己的網(wǎng)頁中。

下載地址：https://addons.mozilla.org/en-US/firefox/addon/4415/

7、HTMLValidator（HTML驗(yàn)證器）：HTMLValidator是一款很強(qiáng)大的插件工具，并且它只是

用于Windows用戶。它可以幫助您找出網(wǎng)站中的一些錯誤，并且標(biāo)注出來，當(dāng)然，您也可以選擇對網(wǎng)站上單獨(dú)的網(wǎng)頁進(jìn)行但也分析。

下載地址：https://addons.mozilla.org/zh-CN/firefox/addon/249/

8、IEView：對于Windows系統(tǒng)來講，IEView是一款很有效的工具，這個插件在右擊菜單

中添加了一個“在IE中打開”選項(xiàng)，使得您可以在IE瀏覽器中快速打開一個網(wǎng)站，這是檢查網(wǎng)頁在兩種瀏覽器中有何不同的最好方法。

下載地址：https://addons.mozilla.org/zh-CN/firefox/addon/35/

9、JavaConsole（Java控制臺）：如果您想要了解Java小程序是如何在網(wǎng)頁中運(yùn)行的，Java

控制臺可以幫助您。利用Java控制臺，您可以監(jiān)視和調(diào)試Java小程序，并獲得關(guān)于它們的性能的一份全面報(bào)告。

下載地址：https://addons.mozilla.org/en-US/firefox/addon/141/

10、LinkChecker：LinkChecker可以突出網(wǎng)站中的鏈接，并且可以將您引進(jìn)您想要打開的網(wǎng)

站。

11、Poster：如果您想要調(diào)試服務(wù)器和進(jìn)行HTTP請求的話，Poster將是一款很值得嘗試的

工具。

下載地址：https://addons.mozilla.org/en-US/firefox/addon/2691/

12、StyleSheetChooserII：StyleSheetChooserII允許瀏覽者或開發(fā)者迅速地在為同一頁面

編寫的不同樣式之間來回的切換，甚至能夠保證被選擇樣式應(yīng)用到該站點(diǎn)的全部頁面上.StyleSheetChooserII會覆蓋Firefox內(nèi)置的樣式表切換器[style-sheet-switcher]。

13、WebDeveloper：WebDeveloper可以在火狐中添加菜單和工具欄，使得您可以具有顯示

網(wǎng)頁風(fēng)格、查看和編輯CSS等等選項(xiàng)。

下載地址：https://addons.mozilla.org/zh-CN/firefox/addon/60/

14、YSlow：YSlow是一個非常有用的工具，用于Firefox的優(yōu)化。YSlow能為任何網(wǎng)頁做報(bào)告，

并審查信息的數(shù)量，HTTP請求，CDNs使用，CSS和JScompression會給您一個評分，并告訴你如何改善此網(wǎng)頁，以便加載更快。15、ColorZilla：ColorZilla是個方便的網(wǎng)頁顏色分析工具，它包含顏色選擇器，調(diào)色板，顏色

DOM分析工具，支持鼠標(biāo)對特定對象的選擇，可以和Firebug協(xié)同工作，支持網(wǎng)頁縮放。你可以用它對視覺效果強(qiáng)的網(wǎng)站進(jìn)行配色分析，然后參考進(jìn)行設(shè)計(jì)。

友情提示：本文中關(guān)于《網(wǎng)頁前端開發(fā)必備的15個火狐插件》給出的范例僅供您參考拓展思維使用，網(wǎng)頁前端開發(fā)必備的15個火狐插件：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《網(wǎng)頁前端開發(fā)必備的15個火狐插件》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://m.hmlawpc.com/gongwen/713221.html

• 上一篇：中小型網(wǎng)站或者Web項(xiàng)目的開發(fā)規(guī)范
• 下一篇：空乘素材