毫無疑問，比起其他瀏覽器，Chrome雖有著明顯的優(yōu)勢，但是它的勁敵Firefox卻是很多前端攻城師和研發(fā)人員的摯愛，為了盡可能地提高用戶體驗，F(xiàn)irefox的社區(qū)在插件開發(fā)和運用上有著豐富的經(jīng)驗，說它是網(wǎng)站開發(fā)者的首選瀏覽器也并不為過。
本文集合了20款為開發(fā)者而生的優(yōu)質(zhì)插件，在這些插件的幫助下，網(wǎng)頁開發(fā)者可以創(chuàng)造出令人驚艷、極富創(chuàng)意的網(wǎng)站頁面。接下來，讓我們一起看看這些插件吧。
1. Firebug
作為開發(fā)領(lǐng)域最著名的插件，F(xiàn)irebug可以讓你在瀏覽器重實時運行HTML、CSS等代碼。Firebug內(nèi)置有強大的Javascript調(diào)試工具，可以讓你隨時暫停JS動畫，觀察靜態(tài)的細(xì)節(jié)。如果你覺得效果比較生硬，你還可以使用JS分析器來分析校準(zhǔn)，找到癥結(jié)所在。
Ghostery是用來檢測“隱形網(wǎng)站”用的，檢測跟蹤器，網(wǎng)站漏洞，審視像素，監(jiān)測Facebook和Google Analytics以及其他超過1000家網(wǎng)絡(luò)廣告供應(yīng)商、行為數(shù)據(jù)供應(yīng)商和內(nèi)容供應(yīng)商等所有與你網(wǎng)站相關(guān)的活動數(shù)據(jù)。
Web Developer提供了覆蓋面廣泛的菜單和自定義工具，這些工具允許你進(jìn)行控制和管理，分析、驗證、優(yōu)化網(wǎng)頁。你可以管理CSS，HTML，表格，測量特定部位的尺寸，實時編輯頁面，等等。
Flagfox是一款能用小旗標(biāo)明服務(wù)器物理地址的插件。擁有這個插件之后，你會更清楚自己的瀏覽器連接到了什么地方，并且你也可以借此明確服務(wù)器所在的地區(qū)和語言，查查服務(wù)器所在地的法律法規(guī)是否有特殊限制等等。當(dāng)然，你還可以通過外部操作了解更多的信息，也可以自己添加自定義的操作，并且設(shè)置快速訪問或者設(shè)定鍵盤快捷鍵。
Fireftp除了能快速有效地傳輸文件，還擁有更多進(jìn)階功能，包括目錄比較，同步導(dǎo)航，SFTP，SSL加密，搜索和過濾，完整性檢查，遠(yuǎn)程編輯，鼠標(biāo)拖放等等。
在Colorzilla的幫助下，你可以讓你所瀏覽的頁面更加多彩，這款插件可以快速取色并粘貼到其他程序中。此外，Colorzilla可以幫你放大正在查看的頁面，測量頁面上任意兩點之間的距離。Colorzilla內(nèi)置了調(diào)色板，一方面可以方便用戶獲取預(yù)設(shè)的色彩，也可以保存自己從網(wǎng)頁中抓取的色彩。DOM Spying功能能幫你監(jiān)測DOM元素的各種信息。
擁有Quick Java插件之后，你無需打開系統(tǒng)設(shè)置和插件管理就可以快速管理瀏覽器的功能，這其中包括Java, Javascript, Cookies, animated Images, flash, silverlight, stylesheets, poxy，以及圖片自動加載等功能。對于進(jìn)階用戶，這個插件可能是他們的菜。
這個插件可以幫你管理系統(tǒng)中的SQLite數(shù)據(jù)庫，方便瀏覽數(shù)據(jù)，搜索表，能進(jìn)行添加、刪除、編輯等一系列操作。通過SQLite Manger你可以在操作面板中進(jìn)行常用操作，便捷地訪問工具欄，按鈕和菜單。
這是一款針對網(wǎng)頁表格而設(shè)計的工具，你可以通過它對HTML表格進(jìn)行復(fù)雜的操作，包括復(fù)制表/行/列/單元格，可以進(jìn)行排序，基于正則表達(dá)式進(jìn)行搜索，過濾篩選，生成圖表，統(tǒng)計數(shù)據(jù)，合并，以及比較。操作也非常簡單，選中你需要操作的表格，右鍵菜單，點擊“Table Tool 2”選項即可。
這款插件會幫你控制Java和Javascript以及其他可執(zhí)行的內(nèi)容在你所信任和允許的域當(dāng)中運行，比如特定的銀行站點。它可以幫你抵抗跨站腳本攻擊（XSS），跨域DNS綁定和CSRF攻擊（攻擊路由器），反劫持，并且內(nèi)置獨特的ClearClick技術(shù)。
DOM查看器是一個用來檢查和編輯網(wǎng)頁或者XUL應(yīng)用程序的DOM工具，在它的兩欄式編輯器當(dāng)中，你可以以多種不同的視圖來查看文檔中的節(jié)點。
Header編輯器可以為你添加、替換和過濾HTTP中的header部分，然后發(fā)送到服務(wù)器端。這一工具多用于移動互聯(lián)網(wǎng)開發(fā)、HTTP測試。
這款截圖工具可以幫你截取整個網(wǎng)頁，或者部分網(wǎng)頁，可以進(jìn)行標(biāo)注、添加文字，添加圖形、箭頭，可以讓敏感信息模糊化。截圖和處理之后，還可以一鍵上傳分享。
經(jīng)常寫Javascript代碼的同學(xué)可能會喜歡這款JS調(diào)試工具。
這款Cookie管理器允許你查看、編輯和新建Cookie，同時也方便你查詢一些額外的信息，可以一次編輯多個Cookie，并且一鍵備份/恢復(fù)。
Yslow可以用來分析網(wǎng)頁，并且提供改善網(wǎng)頁和提升體驗的建議。
這款HTML驗證工具會根據(jù)Firefox的內(nèi)部驗證機制來監(jiān)測網(wǎng)頁，并且將網(wǎng)頁的錯誤數(shù)量以圖標(biāo)形式標(biāo)注出來。
通常當(dāng)你看到.json文件的時候，瀏覽器會直接下載而不是打開文件，Json View可以讓瀏覽器打開并顯示文檔，就像打開XML文件一樣。文檔的顯示會結(jié)構(gòu)化，高亮顯示特定內(nèi)容，數(shù)組對象可折疊。即使JSON文檔中包含錯誤，也會顯示原始文本。
這款插件可以讓你在瀏覽網(wǎng)頁的同時可以實時查看Header部分。
Hackbar插件能幫你監(jiān)測是否有SQL注入、XSS漏洞和站點的安全性。它本身并不是攻擊性工具，也不會幫你破解任何一個網(wǎng)站，主要還是面向開發(fā)者的防御性安全工具。
原文地址：codegeekz
