使用FireFox的使用者很多，不僅僅包括普通使用者，也有很多的開發人員。Firefox及其外掛，可以讓web開發更加的方便和簡單。當Firefox4釋出之後，這就更加方便了，這篇文章介紹了20個Firefox4下面開發使用的外掛。
在介紹外掛之前，我們先來看看Firefox4的在開發方面的新特性吧：
- 更好的支援HTML5: Gecko現在使用了HTML5解析器，修正了很多bug， 提高了互動和效能。
- 更好的CSS支援: Firefox 4支援了一些新的CSS變換、計算值、選擇器、背景圖subrectangle以及觸控屬性。
- 新的CSS特性: Firefox 4新增了一些新的CSS屬性，偽類、偽選擇器還有方法。
- 更好的圖片和視訊支援:支援WebGL, WebM視訊, SVG的SIML動畫以及其他。
- 更好的DOM支援 for JavaScript typed arrays, touch and multi-touch events, and more.
- 更加安全:一些新的安全特性，比如CSP，還有HTTPS等等。
- 內建的開發工具: Firefox 4 內建控制檯，可以用於開發。
讓Firefox很讚的還是他的社群，成千上萬的外掛可以讓你的開發工作更加的簡單和輕鬆。
需要注意的是，下面的外掛中有四個還標記為“experimental”，但是在Firefox4下面已經經過測試也可以很好的工作：HTML5 Toggle，HTML5 Validator，Mobile Toolkit以及Mobilify。
FireFTP是一個Firefox下免費、安全的跨平臺FTP/SFTP的客戶端，提供了很易用的FTP/SFTP服務。除了可以很簡單高效的傳輸檔案之外，還有一些高階特性：資料夾對比，同步切換資料夾，SFTP SSL加密，搜尋/過濾，完整性檢查，遠端編輯，拖拽，檔案hash等等。
HTML5toggle提供了一個按鈕，可以讓你快速在Firefox4中切換是否讓瀏覽器支援HTML5。
HTML5 Validator (Experimental)
HTML5 Validator在頁面的右鍵選單中新增了HTML5 Validator項。
IE Tab2可以讓你在Firefox中使用IE核心瀏覽網頁。這個版本包含了一些新的特性，比如支援IE7、8、9的相容模式。你也可以從你的以前的IE Tab中匯入配置。
Total Validator
Total Validator可以做多種檢測。Total Validator是一個全新的HTML5檢測工具。他提供了從HTML 2.0到XHTML1.1的DTD檢測，還有很多附加的特性和測試。所以你就可以拋棄W3C的檢測工具和那些非標準的工具了。
Web Developer增加了很多新的WEB開發除錯工具。
EditCSS是一個樣式修改的邊欄工具。
Console2取代了JavaScript Console，有可能成為下一代的錯誤控制檯。Console2可以根據錯誤資訊的型別、語言、上下文來分類顯示。而且還提供一個簡單的餓搜尋框，去重、邊欄優化、自定義工具欄以及其他的可用性方面的提升。
CSS Reloadder可以讓你重新加在頁面的所有CSS，而不用重新載入頁面本身。這個外掛可以讓開發人員效率更高。你可以使用F9快捷鍵，或者右鍵選單裡面的命令。
View Source Chart可以讓你快速檢視DOM，學習HTML。通過它你可以快速的看到頁面的層級結構，這樣的學習是非常的高效的。
Screenshot Pimp的名字很挫，但是功能卻很強大。你可以抓取、儲存、下載、複製所有你在瀏覽器中看到的東西，只需要點選一下滑鼠就好了。他不僅可以儲存你看到的地方的圖片，你沒有滾動到的地方的圖片他一樣可以儲存。
Mobile Toolkit可以幫助你檢查頁面上的程式碼，並在各種移動裝置的模擬器上校驗，用來增強你的程式碼在移動裝置上的相容性。不僅僅提供驗證功能，還提供了移動裝置渲染的模擬器。
Mobilify可以將你的網頁瘦身，然後應用在移動裝置的框架中。你可以通過工具欄的按鈕來控制。
Firebug就不用多說了吧，什麼都沒有也必須有這個。
CodeBurner與Firebug整合，可以快速的查詢DOM元素、屬性、CSS屬性等。而且右鍵選單中也有，方便操作。
Adobe BrowserLab也是與Firebug配合使用，可以儲存你的網頁的截圖。
FirePath是一個Firebug下的不錯的編輯、查詢、生成XPath表示式的工具。
Firepicker是一個顏色的小工具，你在Firebug中編輯CSS顏色的時候，他可以顯示顏色RGB值，並且顯示出來。
iMacros可以讓你的Firefox自動化。不論你在Firefox裡面做什麼，iMacros都可以記錄下來，然後再執行，所以一些重複的動作你不用每次都去手動執行了。他可以自動訪問相同的網站、填表單、記住密碼、上傳下載、資料解析、儲存網頁、頁面測試、社會化指令碼、書籤等等。
FoxyProxy是一個高階的代理管理工具，完全可以替代Firefox有限的代理能力。他比其他的代理軟體提供更多的功能。他可以根據URL規則自動選擇代理等等很多的功能，不妨一試。
原文：specky boy
譯文：rockux