獻給網頁開發者的20款Firefox外掛

　　毫無疑問，比起其他瀏覽器，Chrome雖有著明顯的優勢，但是它的勁敵Firefox卻是很多前端攻城師和研發人員的摯愛，為了儘可能地提高使用者體驗，Firefox的社群在外掛開發和運用上有著豐富的經驗，說它是網站開發者的首選瀏覽器也並不為過。

　　本文集合了20款為開發者而生的優質外掛，在這些外掛的幫助下，網頁開發者可以創造出令人驚豔、極富創意的網站頁面。接下來，讓我們一起看看這些外掛吧。

　　1. Firebug

　　作為開發領域最著名的外掛，Firebug可以讓你在瀏覽器重實時執行HTML、CSS等程式碼。Firebug內建有強大的Javascript除錯工具，可以讓你隨時暫停JS動畫，觀察靜態的細節。如果你覺得效果比較生硬，你還可以使用JS分析器來分析校準，找到癥結所在。

　　2. Ghostery

　　Ghostery是用來檢測“隱形網站”用的，檢測跟蹤器，網站漏洞，審視畫素，監測Facebook和Google Analytics以及其他超過1000家網路廣告供應商、行為資料供應商和內容供應商等所有與你網站相關的活動資料。

　　3. Web Developer

　　Web Developer提供了覆蓋面廣泛的選單和自定義工具，這些工具允許你進行控制和管理，分析、驗證、優化網頁。你可以管理CSS，HTML，表格，測量特定部位的尺寸，實時編輯頁面，等等。

　　4. Flagfox

　　Flagfox是一款能用小旗標明伺服器實體地址的外掛。擁有這個外掛之後，你會更清楚自己的瀏覽器連線到了什麼地方，並且你也可以藉此明確伺服器所在的地區和語言，查查伺服器所在地的法律法規是否有特殊限制等等。當然，你還可以通過外部操作了解更多的資訊，也可以自己新增自定義的操作，並且設定快速訪問或者設定鍵盤快捷鍵。

　　5. Fireftp

　　Fireftp除了能快速有效地傳輸檔案，還擁有更多進階功能，包括目錄比較，同步導航，SFTP，SSL加密，搜尋和過濾，完整性檢查，遠端編輯，滑鼠拖放等等。

　　6. Colorzilla

　　在Colorzilla的幫助下，你可以讓你所瀏覽的頁面更加多彩，這款外掛可以快速取色並貼上到其他程式中。此外，Colorzilla可以幫你放大正在檢視的頁面，測量頁面上任意兩點之間的距離。Colorzilla內建了調色盤，一方面可以方便使用者獲取預設的色彩，也可以儲存自己從網頁中抓取的色彩。DOM Spying功能能幫你監測DOM元素的各種資訊。

　　7. Quick Java

　　擁有Quick Java外掛之後，你無需開啟系統設定和外掛管理就可以快速管理瀏覽器的功能，這其中包括Java, Javascript, Cookies, animated Images, flash, silverlight, stylesheets, poxy，以及圖片自動載入等功能。對於進階使用者，這個外掛可能是他們的菜。

　　8. SQLite Manger

　　這個外掛可以幫你管理系統中的SQLite資料庫，方便瀏覽資料，搜尋表，能進行新增、刪除、編輯等一系列操作。通過SQLite Manger你可以在操作皮膚中進行常用操作，便捷地訪問工具欄，按鈕和選單。

　　9. Table Tool 2

　　這是一款針對網頁表格而設計的工具，你可以通過它對HTML表格進行復雜的操作，包括複製表/行/列/單元格，可以進行排序，基於正規表示式進行搜尋，過濾篩選，生成圖表，統計資料，合併，以及比較。操作也非常簡單，選中你需要操作的表格，右鍵選單，點選“Table Tool 2”選項即可。

　　10. No Script Security Suit

　　這款外掛會幫你控制Java和Javascript以及其他可執行的內容在你所信任和允許的域當中執行，比如特定的銀行站點。它可以幫你抵抗跨站指令碼攻擊（XSS），跨域DNS繫結和CSRF攻擊（攻擊路由器），反劫持，並且內建獨特的ClearClick技術。

　　11. DOM Inspector

　　DOM檢視器是一個用來檢查和編輯網頁或者XUL應用程式的DOM工具，在它的兩欄式編輯器當中，你可以以多種不同的檢視來檢視文件中的節點。

　　12. Modify Header

　　Header編輯器可以為你新增、替換和過濾HTTP中的header部分，然後傳送到伺服器端。這一工具多用於移動網際網路開發、HTTP測試。

　　13. Awesome Screenshot

　　這款截圖工具可以幫你擷取整個網頁，或者部分網頁，可以進行標註、新增文字，新增圖形、箭頭，可以讓敏感資訊模糊化。截圖和處理之後，還可以一鍵上傳分享。

　　14. JavaScript Debugger

　　經常寫Javascript程式碼的同學可能會喜歡這款JS除錯工具。

　　15. Cookies Manager

　　這款Cookie管理器允許你檢視、編輯和新建Cookie，同時也方便你查詢一些額外的資訊，可以一次編輯多個Cookie，並且一鍵備份/恢復。

　　16. Yslow

　　Yslow可以用來分析網頁，並且提供改善網頁和提升體驗的建議。

　　17. HTML Validator

　　這款HTML驗證工具會根據Firefox的內部驗證機制來監測網頁，並且將網頁的錯誤數量以圖示形式標註出來。

　　18. Json View

　　通常當你看到.json檔案的時候，瀏覽器會直接下載而不是開啟檔案，Json View可以讓瀏覽器開啟並顯示文件，就像開啟XML檔案一樣。文件的顯示會結構化，高亮顯示特定內容，陣列物件可摺疊。即使JSON文件中包含錯誤，也會顯示原始文字。

　　19. Live HTTP Headers

　　這款外掛可以讓你在瀏覽網頁的同時可以實時檢視Header部分。

　　20. Hackbar

　　Hackbar外掛能幫你監測是否有SQL隱碼攻擊、XSS漏洞和站點的安全性。它本身並不是攻擊性工具，也不會幫你破解任何一個網站，主要還是面向開發者的防禦性安全工具。

　　原文地址：codegeekz via：jianshu