雖然chrome瀏覽器在市場第一份額，但是在web前端工作者中首選的瀏覽器工具，應(yīng)該是Firefox，F(xiàn)irefox有許多為開發(fā)者而生的優(yōu)質(zhì)插件，在這些插件的作用下發(fā)，網(wǎng)頁開發(fā)者可以創(chuàng)造出令人驚艷、極富創(chuàng)意的網(wǎng)站頁面，下面介紹Firefox的二十款插件，如下：
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é)所在。
網(wǎng)址 →_→ http://getfirebug.com/
2. Ghostery
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ù)。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/ghostery/
3. Web Developer
Web Developer提供了覆蓋面廣泛的菜單和自定義工具，這些工具允許你進(jìn)行控制和管理，分析、驗證、優(yōu)化網(wǎng)頁。你可以管理CSS，HTML，表格，測量特定部位的尺寸，實時編輯頁面，等等。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/web-developer/
4. Flagfox
Flagfox是一款能用小旗標(biāo)明服務(wù)器物理地址的插件。擁有這個插件之后，你會更清楚自己的瀏覽器連接到了什么地方，并且你也可以借此明確服務(wù)器所在的地區(qū)和語言，查查服務(wù)器所在地的法律法規(guī)是否有特殊限制等等。當(dāng)然，你還可以通過外部操作了解更多的信息，也可以自己添加自定義的操作，并且設(shè)置快速訪問或者設(shè)定鍵盤快捷鍵。
網(wǎng)址 →_→https://addons.mozilla.org/en-US/firefox/addon/flagfox/?src=cb-dl-users
5. Fireftp
Fireftp除了能快速有效地傳輸文件，還擁有更多進(jìn)階功能，包括目錄比較，同步導(dǎo)航，SFTP，SSL加密，搜索和過濾，完整性檢查，遠(yuǎn)程編輯，鼠標(biāo)拖放等等。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/flagfox/?src=cb-dl-users
6. Colorzilla
在Colorzilla的幫助下，你可以讓你所瀏覽的頁面更加多彩，這款插件可以快速取色并粘貼到其他程序中。此外，Colorzilla可以幫你放大正在查看的頁面，測量頁面上任意兩點之間的距離。Colorzilla內(nèi)置了調(diào)色板，一方面可以方便用戶獲取預(yù)設(shè)的色彩，也可以保存自己從網(wǎng)頁中抓取的色彩。DOM Spying功能能幫你監(jiān)測DOM元素的各種信息。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/colorzilla/?src=cb-dl-users
7. Quick Java
擁有Quick Java插件之后，你無需打開系統(tǒng)設(shè)置和插件管理就可以快速管理瀏覽器的功能，這其中包括Java, Javascript, Cookies, animated Images, flash, silverlight, stylesheets, poxy，以及圖片自動加載等功能。對于進(jìn)階用戶，這個插件可能是他們的菜。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/quickjava/?src=cb-dl-users
8. SQLite Manger
這個插件可以幫你管理系統(tǒng)中的SQLite數(shù)據(jù)庫，方便瀏覽數(shù)據(jù)，搜索表，能進(jìn)行添加、刪除、編輯等一系列操作。通過SQLite Manger你可以在操作面板中進(jìn)行常用操作，便捷地訪問工具欄，按鈕和菜單。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/tabletools2/?src=cb-dl-rating
9. Table Tool 2
這是一款針對網(wǎng)頁表格而設(shè)計的工具，你可以通過它對HTML表格進(jìn)行復(fù)雜的操作，包括復(fù)制表/行/列/單元格，可以進(jìn)行排序，基于正則表達(dá)式進(jìn)行搜索，過濾篩選，生成圖表，統(tǒng)計數(shù)據(jù)，合并，以及比較。操作也非常簡單，選中你需要操作的表格，右鍵菜單，點擊“Table Tool 2”選項即可。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/noscript/?src=cb-dl-rating
10. No Script Security Suit
這款插件會幫你控制Java和Javascript以及其他可執(zhí)行的內(nèi)容在你所信任和允許的域當(dāng)中運行，比如特定的銀行站點。它可以幫你抵抗跨站腳本攻擊（XSS），跨域DNS綁定和CSRF攻擊（攻擊路由器），反劫持，并且內(nèi)置獨特的ClearClick技術(shù)。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/noscript/?src=cb-dl-rating
11. DOM Inspector
DOM查看器是一個用來檢查和編輯網(wǎng)頁或者XUL應(yīng)用程序的DOM工具，在它的兩欄式編輯器當(dāng)中，你可以以多種不同的視圖來查看文檔中的節(jié)點。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/?src=cb-dl-users
12. Modify Header
Header編輯器可以為你添加、替換和過濾HTTP中的header部分，然后發(fā)送到服務(wù)器端。這一工具多用于移動互聯(lián)網(wǎng)開發(fā)、HTTP測試。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/modify-headers/?src=cb-dl-users
13. Awesome Screenshot
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/awesome-screenshot-capture-/
14. JavaScript Debugger
經(jīng)常寫Javascript代碼的同學(xué)可能會喜歡這款JS調(diào)試工具。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/javascript-debugger/
15. Cookies Manager
這款Cookie管理器允許你查看、編輯和新建Cookie，同時也方便你查詢一些額外的信息，可以一次編輯多個Cookie，并且一鍵備份/恢復(fù)。
網(wǎng)址 →_→https://addons.mozilla.org/en-US/firefox/addon/cookies-manager-plus/?src=cb-dl-users
16. Yslow
Yslow可以用來分析網(wǎng)頁，并且提供改善網(wǎng)頁和提升體驗的建議。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/yslow/?src=cb-dl-users
17. HTML Validator
這款HTML驗證工具會根據(jù)Firefox的內(nèi)部驗證機制來監(jiān)測網(wǎng)頁，并且將網(wǎng)頁的錯誤數(shù)量以圖標(biāo)形式標(biāo)注出來。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/html-validator/?src=cb-dl-users
18. Json View
通常當(dāng)你看到.json文件的時候，瀏覽器會直接下載而不是打開文件，Json View可以讓瀏覽器打開并顯示文檔，就像打開XML文件一樣。文檔的顯示會結(jié)構(gòu)化，高亮顯示特定內(nèi)容，數(shù)組對象可折疊。即使JSON文檔中包含錯誤，也會顯示原始文本。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/jsonview/?src=cb-dl-users
19. Live HTTP Headers
這款插件可以讓你在瀏覽網(wǎng)頁的同時可以實時查看Header部分。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/live-http-headers/
20. Hackbar
Hackbar插件能幫你監(jiān)測是否有SQL注入、XSS漏洞和站點的安全性。它本身并不是攻擊性工具，也不會幫你破解任何一個網(wǎng)站，主要還是面向開發(fā)者的防御性安全工具。
網(wǎng)址 →_→ https://addons.mozilla.org/en-US/firefox/addon/hackbar/
文/丁向明
做一個有博客的web前端自媒體人，專注web前端開發(fā)，關(guān)注用戶體驗，加我qq/微信交流：6135833
http://dingxiangming.com
聯(lián)系客服
