Firefox上Web開發工具庫一覽
Firefox的目標之一就是儘量地使web開發者的生活更簡單高效，並經過提供工具和具備很強擴展性的瀏覽器令人們創造出神奇的東西。使web開發者使用Firefox的時候,瀏覽器能夠提供大量開發工具和選項。本文將這些工具作了簡單整理。javascript
Firebugphp
迄今爲止，最知名的web瀏覽器的web開發工具就是Firebug擴充套件。毫無疑問，在很長的一段時間，它把怎麼進行開發和調試做爲本身的門檻。Firebug是一個有不少強大的功能的重要工具，包括不少擴展。css
Firefox爲web開發提供的擴展html
多年來，Firefox開發了許多擴展來幫助web開發者最大化利用Firefox。用得最多最有名的是下面列出來的這些。若是咱們漏掉了對你有幫助的擴充套件，請必定告知咱們。java
Accessibility Evaluation Tooljquery
web開發者提供測試web資源的輔助功能。web
All in one Sidebar
AiOS容許你打開多個窗口做爲側欄面板，並可以在他們之間快速切換。AIOS結束了窗口混亂的時代，除了書籤和歷史記錄外，它還在側邊欄增長了下載，加載項和其餘的一些對話框。正則表達式
Cache Status
使用它來對緩存進行監督和管理。sql
CacheToogle
經過點擊開關，禁用瀏覽器的緩存。數據庫
Colorzilla
高級取色器，顏色選擇器，漸變顏色生成器，和其餘的一些進行顏色處理的工具。
Console⊃2;
Console⊃2;可能會成爲下一代的錯誤控制檯，用來取代JavaScript控制檯。
從火狐v0.5開始就有控制檯過濾擴展套件，以前該套件只在Console⊃2;網站上可用。
CSS Reloader使你可以從新加載網站的CSS，而須要從新加載網頁。
DOM Inspector用來觀察，編輯web文件或XUL應用正在使用的DOM。能夠經過一個顯示文件和節點的不一樣視圖的兩個小窗口拼起來的大窗口來查看DOM。
該插件用來編碼Firefox中的視頻和音頻。用Firefogg吧大部分的媒體文件編碼成Ogg和WebM。Firefox提供接口用來整合編碼上傳的程序。
FireFTP是一個免費，安全，跨平臺的一個Mozilla FirefoxFTP/SFTP客戶端，該客戶端爲訪問FTP/SFTP提供簡單直觀的途徑。
JavaScript Unit測試擴充套件。
顯示水平和豎直的不定浮動指南，與你在Photoshop使用到它的方式同樣。有助於改進佈局，將元素放在恰當的網格中，系統地放置元素，使設計更結構化。
FoxyProxy是一個高級代理管理工具，它徹底替代了Firefox的有限的代理性能。跟SwitchProxy相比，它提供更多的功能。
地理定位您須要的位置。
經過Javascript自定義網頁的顯示方式和行爲。
HTMLValidator是個Mozilla擴充套件，它在Firefox和Mozilla中添加了HTML驗證。HTML頁面中的錯誤數量經過窗口上的按鈕來顯示。
一個用於Firefox的HTTP分析器插件
自動化火狐瀏覽器。記錄和重現重複的工做。若是你喜歡Firefoxweb瀏覽器，可是厭倦了重複的工做，好比說天天訪問一樣的站點，填寫重複的表格，還要記住密碼，那麼Firefox的iMacros就是你夢想的解決方式。
Monitor Jenkins（http://jenkins-ci.org）建立和顯示Firefox狀態欄中的狀態。
嵌入在瀏覽器中的jQuery and jQuery UI
使瀏覽器中的JSON的內容更容易閱讀。
在瀏覽器中查看JSON文檔。
若是你瀏覽的網站包含外部的js/css文件，會出現一個有「SS」，「JS」或者二者都有的按鈕，每一個單獨的文件均可以經過點擊文件名進行查看。文件將會在一個新的窗口打開。
經過給第一頁，前一頁，下一頁，最後一頁提供工具欄按鈕來簡化了頁面序列的導航（好比，Web漫畫，論壇，或者技術規範如HTML4建議）。
在瀏覽網頁時查看HTTP標頭。
當文件變化時，LiveReload就會更新網頁。
在網頁上畫一個尺子來查看寬度和高度或者以像素爲單位對齊網頁元素。
添加、修改、過濾發送到web服務器上的請求頭。這個加載項尤爲適用於移動web的開發，HTTP測試和隱私保護。
經過這個套件你能夠得到web瀏覽器中最好的安全性能，它只容許你信任的網站播放動態內容，並且保護你免受XSS和Clickjacking的攻擊。
PageSpeed 是開源的，最先出如今Google上經過分析網頁性能最佳實例來幫助開發者優化他們的網頁。
PixelZoomer能夠獲取當前網站的截屏，並提供多個工具進行像素分析。利用這個工具你能夠放大網頁（最大能夠放大32倍），測量距離，和獲取顏色。
使用Pixlr Grabber使抓屏和從網頁上抓取圖片變得更容易。使用PixlrGrabber加載項，你只須要點擊一下右鍵就能夠複製，保存，分享，甚至能夠編輯你抓取的圖片或背景
這是一個開發者工具欄，用來跟web服務和其餘web資源進行交互，容許你發出HTTP請求，設置實體主體和內容類型。Poster容許你與web服務進行交互並檢視結果。
在狀態欄和（或）工具欄中快速啓用和禁用Java,Javascript,Flash,Sliverlight,Images,Stylesheets,he Proxy，而不須要打開任何對話！
Web開發的顏色工具。選色，取色+保存顏色，並拖放這些顏色來嘗試調配顏色。
正則表達式的測試工具（用高亮色顯示（包括子匹配））和新建表達式的助手。
這是一個很是簡單的擴展套件，用來移除全部的正在打開網站。它在你的網頁右鍵菜單中添加了一個選項，和一個清除Cookies按鈕來完成操做，並在狀態欄顯示操做的狀態。
只要點擊一下，你就能夠捕獲，抓取，保存，下載或者複製你在web瀏覽器上看到的任何東西。Screenshot pimp是迄今爲止最具備自主定義性和用戶友好的屏幕捕獲工具欄，這個工具欄能在Windows和Mac上使用。
管理你電腦上的SQLite數據庫。
只須要一個簡單的工具欄按鈕就能夠打開SeleniumIDE。你須要先安裝SeleniumIDE：http://seleniumhq.org/projects/ide/
Seoquake是Firefox 的一個SEO套件，其主要目的是幫助網管優化搜索引擎，優化社交媒體，和Internet推廣。Seoquake容許研究許多重要的SEO參數。
在狀態欄中顯示當前網頁的IP地址。它也容許經過IP查詢用戶信息服務（右鍵）和主機姓名（左鍵）。另外，你能夠把IP地址拷貝到粘貼板。
用Stylish重設網頁的樣式，它是一個用戶樣式管理器。Stylish容許你很容易就能夠爲Google，Facebook，YouTube,Orkut和許多其餘網站安裝主題和皮膚。你甚至能夠自定義Firefox和其餘程序。
用tempdata訪問修改HTTP/HTTPS表頭和發送參數。
若是你想查看網站的可訪問，只要點擊這個按鈕就能夠作到。
基於WebGL的網頁3D視覺效果。
該套件對網頁執行一系列的驗證操做。這種多重驗證包括外部，內部，本地網頁驗證，本地網頁驗證是經過一個從http://www.totalvalidator.com/downloads/extensiontool.html得到的桌面工具本地的拷貝進行的。
TryAgain一直在嘗試着在沒法鏈接服務器的時候加載網頁。
UserAgentSwitcher擴充套件添加了一個菜單和工具欄按鈕，用來切換用戶代理。
Wapplayer是一個瀏覽器加載項，該加載項用來顯示用在網站上的技術。
WebDevelop擴充套件給瀏覽器添加了許多web開發工具。
Firebug extensions
在一些特殊的用例中用到一些Firebug的擴充套件，下面將列出其中的一部分：
用Ace突出顯示Firebug的命令行。
Code Coverage v2 for Firebug 0.1
這個Firebug擴充套件用來記錄Javascript代碼的覆蓋率。
Firebug 中可以查看使用了哪些CSS規則的擴充套件。
Firecookie是Firebug的一個擴充套件，該套件可以查看，管理你的瀏覽器裏的cookies。
找到與選中的CSS選擇器或者Xpath表達式匹配的HTML元素。
FirePHP容許你調用一個簡單PHP方法將日誌寫入Firefox控制檯。
Firebug爲jQuery開發提供的插件。
使Firebug更友好更簡單易用。
Inline Code Finder for Firebug
Inline Code Finder 是Firebug的一個加載項，可以發現HTML元素中的一些問題：內聯的 Javascript事件，內聯的樣式，是在連接的href屬性中直接編寫javascript代碼。
突出顯示Firebud的Javascript的語法。
NetExport是Firebug的擴展，該擴展容許輸出全部NetPanel收集和計算的數據。已建立的文件使用HTTP文檔格式（基於JSON）。
PixelPerfect是Firefox/Firebug的一個擴展，這個擴展容許web開發者和設計者用web組件輕鬆覆蓋原來的HTML的頭部.
YSlow分析網頁，並根據Yahoo！爲高性能網站提供的規則來分析網站爲何運行緩慢。
- 1. WEB開發工具箱（上）
- 2. Web 開發工具箱： 120個 Web 開發工具 （上）
- 3. LINUX開發工具一覽C/C++等開發工具
- 4. 火狐web開發清楚緩存_如何使用Firefox的Web開發工具
- 5. WEB開發工具
- 6. web開發工具
- 7. Firefox開發者專版瀏覽器，Web開發者利器.
- 8. 調查：面向Web開發人員的必備Firefox工具
- 9. firefox自帶的開發着工具
- 10. Web 開發工具箱： 120個 Web 開發工具
- 更多相關文章...
- • Mozilla Firefox 瀏覽器 - 瀏覽器信息
- • jQuery Mobile 工具欄 - jQuery Mobile 教程
- • PHP開發工具
- • Tomcat學習筆記（史上最全tomcat學習筆記）
-
每一个你不满意的现在，都有一个你没有努力的曾经。