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

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

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

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

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

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

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

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

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

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

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

9、JavaConsole（Java控制臺(tái)）：如果您想要了解Java小程序是如何在網(wǎng)頁(yè)中運(yùn)行的，Java控制臺(tái)可以幫助您。利用Java控制臺(tái)，您可以監(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請(qǐng)求的話，Poster將是一款很值得嘗試的工具。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5、FirePHP：FireBug是針對(duì)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)頁(yè)中。

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

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

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

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

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

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

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

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

控制臺(tái)可以幫助您。利用Java控制臺(tái)，您可以監(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請(qǐng)求的話，Poster將是一款很值得嘗試的

工具。

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

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

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

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

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

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

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

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

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

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

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

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

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