大福利！獻給網頁開發者的20款Firefox插件

@陳子木 毫無疑問，比起其他瀏覽器，谷歌瀏覽器雖有著明顯的優勢，但是它的勁敵火狐卻是很多前端攻城師和研發人員的摯愛，為了盡可能地提高用戶體驗，火狐瀏覽器的社區在插件開發和運用上有著豐富的經驗，說它是網站開發者的首選瀏覽器也并不為過。

關于瀏覽器插件，這篇文章也值得閱讀：
《11款超贊的瀏覽器兼容性測試工具》
作為前端開發者，其他工具的配合也很重要：
《10款讓WEB前端開發人員更輕松的實用工具》

本文集合了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
優設網翻譯：@陳子木