Mozilla技術布道者給Web開發者推薦Firefox插件列表
Firefox自帶的開發工具
我們致力于開發一系列包含在Firefox內的開發工具。它們在 Developer Tools in Firefox Aurora 10中有更詳細的描述，有了它們我們就能做出一些很有趣的事。
我們對大量的用戶接口和編碼方式進行測試和評估，從而找出在頁面中最理想的編碼方式。如果你安裝了Firefox Aurora，你現在就可以試試！讓我們知道你的想法。
繼續關注本博客，我們會持續更新自帶開發工具的進展和功能。
Firebug
目前為止，瀏覽器中最著名的web開發工具當屬Firebug，毋庸置疑，在相當長的一段時間里，它將成為Web開發與調試的標準。Firebug還擁有許多強大的功能，包括大量的插件（見下文）。
但是有件事你需要明白，那就是如果你安裝了過多的Firebug插件，它將占用大量內存，所以要選擇適合自己的。
一、針對Web開發者的Firefox插件
多年來，已經有很多插件能夠幫助Web開發者最大限度的利用Firefox。下面將列出其中最著名、使用最多的，如果我們疏漏了什么，請在評論中告訴我們！
Accessibility Evaluation Toolbar
為Web開發者提供測試Web資源的輔助功能。
AiOS可以讓你打開多個窗口作為側邊欄，并能在它們之間快速切換。有了它，你就可以告別雜亂無章的窗口了！除了書簽和歷史記錄，它還可以在側邊欄中打開下載，插件等對話框。
輕松查看和管理緩存。
輕輕一點，就能禁用（或清除）瀏覽器緩存。
高級取色器，拾色器，漸變色生成器和其他一些功能。
Console2可能會成為下一代錯誤控制臺，從而取代JavaScript控制臺。從V0.5版本開始就有控制臺過濾器插件，之前只能在Console2網站上獲取。
CSS Reloader可以讓你重載任何網站的CSS，而不需要重載頁面。
DOM Inspector可以用來審閱、編輯web文檔或XUL程序中使用的DOM。在雙窗口中以不用的視圖顯示文檔及內部節點，并控制DOM。
可對Firefox中的視頻和音頻進行編碼。利用Firefogg你可以把大部分媒體文件編碼為Ogg或WebM。Firefogg還提供API來把編碼過程整合到上傳進程中。
FireFTP是Firefox上一款免費、安全、跨平臺的FTP/SFTP客戶端，可以簡單、直觀的連接到FTP/SFTP服務器上。
一款JavaScript單元測試插件程序。
顯示水平和垂直參考線，跟你在PhotoShop里用的一樣。有助于改善布局，把元素放在適當的網格中，對稱排布元素，構造出一個設計。
FoxyProxy是一款高級代理管理工具，完全替代了Firefox本身有限的代理功能。它比SwitchProxy、ProxyButton、 QuickProxy、 xyzproxy、 ProxyTex、 TorButton等擁有更多的功能。
把你定位到你想要的位置。
通過使用少量JavaScript，可以自定義網頁的顯示方式。
HTML Validator是一個Mozilla插件，它在Firefox和Mozilla中添加了HTML驗證。可以在圖標上看到一個HTML頁面的錯誤數量。
一個用于Firefox的HTTP分析器插件。
是Firefox自動化。記錄并重播重復工作。如果你喜歡Firefox瀏覽器，卻對重復的任務（例如，每天訪問相同的網站，填寫表單，記住密碼等）感到厭煩的話，iMacros for Firefox便是你夢寐以求的解決方案！
Monitor Jenkins（http://jenkins-ci.org）在Firefox狀態欄中創建并顯示當前狀態。
內嵌于瀏覽器的jQuery和jQuery UI。
以簡單、低調的視圖漂亮的顯示出瀏覽器中JSON的內容。
顯示瀏覽器中的JSON文檔。
如果你正在訪問的網站包含了任何外部js/css文件，圖標上就會顯示“SS”、”JS”或者都有。點擊文件名就能查看各個文件。文件會在新窗口中打開。
通過在工具欄按鈕上添加首頁、上一頁、下一頁、尾頁來簡化頁面導航（例如在線漫畫、論壇或者技術規范，比如：HTML4建議）。
在瀏覽網頁時查看HTTP頭信息。
LiveReload能在文件發生改變時刷新網頁。
可以在任何網頁上顯示標尺，用來檢查寬度、高度，或者以像素為單位對其頁面元素。
能夠添加、修改、過濾發送給web服務器的HTTP報頭，這個插件特別有助于移動Web開發、HTTP測試和隱私保護。
瀏覽器上最好的安全插件。只有你信任站點上的活動內容才能運行，保護你免受跨站腳本攻擊和點擊劫持攻擊。
Page Speed是由Google發起的開源項目，旨在通過應用Web性能最佳實例來幫助開發者優化他們的網頁。
PixelZoomer能夠對當前網站進行截圖，并提供多種像素分析工具。你可以放大網站（最大3200%），測量間距并用取色器取色。
抓取屏幕和網頁圖片變得輕而易舉。有了Pixlr Grabber，只需點擊右鍵，你就可以復制、保存、分享甚至編輯你的最終抓取效果——包括所有圖片或者背景。
一個與網絡服務和其他網絡資源交互的開發者工具，可以讓你制作HTTP請求，設置實體段和內容類型。允許你與網絡服務相互并查看結果。
可以在狀態欄或者工具欄快速開啟或禁用Java、Javascript、Flash、 Silverlight、Images、樣式表和代理，而無需打開任何對話框。
針對Web開發者的顏色工具。選色器、取色器+保存顏色，還能通過拖放提取顏色。
測試正則表達式的工具，帶有顏色高亮（包含子匹配項），也是創建表達式的幫手。
一個非常簡單的插件，用來清除當前打開站點的Cookies。它在網頁的右鍵菜單中添加了一個選項，用一鍵清除Cookies按鈕來執行操作，會在狀態欄中顯示其狀態。
只需輕輕一點，就能捕獲、抓取、保存、下載或者復制任何你在瀏覽器中能看到的東西！Screenshot pimp是目前為止Windows和Mac上定制性和用戶體驗最好的截屏工具欄。
管理你電腦上所有的SQLite數據庫。
用一個簡單的工具欄按鈕來打開selenium IDE。你需要已經安裝了selenium IDE：http://seleniumhq.org/projects/ide/
Seoquake是一款FirefoxSEO插件，旨在幫助那些涉及搜索引擎優化（SEO）社會媒體優化（SMO）和網絡促銷的人。Seoquake可以審查很多重要的SEO參數。
在狀態欄顯示當前頁面的IP地址。還允許通過IP（右鍵單擊）和hostname（左鍵單擊）查詢自定義信息服務，例如whois、netcraft等。此外，你還可以復制IP到剪貼板。
用Stylish重構網頁，它是一款用戶風格管理器。Stylish能讓你輕易的為很多網站安裝主題和皮膚，像Google、Facebook、YouTuBe、Orkut等，你甚至可以自定義Firefox或者其他程序的主題。
使用tamperdata可以查看、修改HTTP/HTTPS頭及post參數。
只需通過一個簡單的按鈕，你就能了解一個網站是否能夠訪問。
一個基于WebGL的插件，可以讓網頁變成3D可視化的效果。
能夠一次執行多種不同的驗證。包括外部的、內部的或者本地網頁（需要從http://www.totalvalidator.com/downloads/extensiontool.html獲取一個桌面工具）。
TryAgain會在服務器不能訪問時，不斷嘗試加載網頁。
User Agent Switcher添加了一個菜單和一個工具欄按鈕，來控制瀏覽器的用戶代理。
Wappalyzer是一個能夠發現網站開發技術的瀏覽器插件。
Web Developer會在瀏覽器中添加各種web開發者工具。
#p#
二、Firebug extensions
在一些不同情況下，會用到很多Firebug的插件，在這里會列出其中一部分：
Acebug對Firebug命令行進行語法高亮，并具有模糊自動完成功能。
Code Coverage v2 for Firebug 0.1
這個Firebug插件用來報告Jacascript的代碼覆蓋率。
用來查看使用了哪些CSS規則的Firebug插件。
Firecookie是一款可以查看、管理瀏覽器Cookies的Firebug插件。
查找與選中的CSS選擇器或XPath表達式相匹配的HTML元素。
FirePHP通過一個簡單的PHP方法調用，就能讓你記錄你的Firebug控制臺。
針對jQuery開發的Firebug插件。
讓Firebug界面友好，更易于使用。
Inline Code Finder for Firebug
Inline Code Finder是一個Firebug插件，能發現HTML元素中存在的這些問題：內聯JavaScript事件、內聯樣式、javascript: links。
Firebug中的JacaScript語法高亮工具。
NetExport是一個Firebug插件，可以導出所有Net panel中收集和計算的數據。創建的文件使用HTTP存檔（HAR）格式（基于JSON）
Pixel Perfect是一個Firebug插件，能夠讓Web開發者和設計師輕松的把一張web構圖覆蓋在開發的HTML頁面上。
YSlos能夠分析網頁載入緩慢的原因，基于Yahoo!的高性能網站標準。
更多Firebug 插件，請查看Firebug官方wiki。
原文：http://blog.jobbole.com/9189/
【編輯推薦】
