Mozilla技術佈道者給Web開發人員推薦Firefox插件列表

2011-12-23 09:26 | 2821次閱讀 | 來源：伯樂在線 【已有4條評論】發表評論

關鍵詞：Mozilla,Web,Firefox | 作者：魏哲 | 收藏這篇資訊

導讀：本文作者Robert Nyman是Mozilla的技術佈道者，從1999年開始從事Web前端開發 。讓Web開發人員的生活儘可能輕鬆和高效，這是Firefox一直堅持的目標之一。通過提供工具和可擴展的Web瀏覽器，讓開發人員能夠創造出令人驚奇的東西。

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資源的輔助功能。

All in One Sidebar

AiOS可以讓你打開多個窗口作為側邊欄，並能在它們之間快速切換。有了它，你就可以告別雜亂無章的窗口了！除了書籤和歷史記錄，它還可以在側邊欄中打開下載，插件等對話框。

Cache Status

輕鬆查看和管理緩存。

CacheToggle

輕輕一點，就能禁用（或清除）瀏覽器緩存。

Colorzilla

高級取色器，拾色器，漸變色生成器和其他一些功能。

Console2

Console2可能會成為下一代錯誤控制台，從而取代JavaScript控制台。從V0.5版本開始就有控制台過濾器插件，之前只能在Console2網站上獲取。

CSS Reloader

CSS Reloader可以讓你重載任何網站的CSS，而不需要重載頁面。

DOM Inspector

DOM Inspector可以用來審閱、編輯web文檔或XUL程序中使用的DOM。在雙窗口中以不用的視圖顯示文檔及內部節點，並控制DOM。

Firefogg

可對Firefox中的視頻和音頻進行編碼。利用Firefogg你可以把大部分媒體文件編碼為Ogg或WebM。Firefogg還提供API來把編碼過程整合到上傳進程中。

FireFTP

FireFTP是Firefox上一款免費、安全、跨平台的FTP/SFTP客戶端，可以簡單、直觀的連接到FTP/SFTP伺服器上。

FireUnit

一款JavaScript單元測試插件程序。

FoxGuide

顯示水平和垂直參考線，跟你在PhotoShop里用的一樣。有助於改善布局，把元素放在適當的網格中，對稱排布元素，構造出一個設計。

FoxyProxy Standard

FoxyProxy是一款高級代理管理工具，完全替代了Firefox本身有限的代理功能。它比SwitchProxy、ProxyButton、 QuickProxy、 xyzproxy、 ProxyTex、 TorButton等擁有更多的功能。

Geolocater

把你定位到你想要的位置。

GreaseMonkey

通過使用少量JavaScript，可以自定義網頁的顯示方式。

HTML Validator

HTML Validator是一個Mozilla插件，它在Firefox和Mozilla中添加了HTML驗證。可以在圖標上看到一個HTML頁面的錯誤數量。

HttpFox

一個用於Firefox的HTTP分析器插件。

iMacros for Firefox

是Firefox自動化。記錄並重播重複工作。如果你喜歡Firefox瀏覽器，卻對重複的任務（例如，每天訪問相同的網站，填寫表單，記住密碼等）感到厭煩的話，iMacros for Firefox便是你夢寐以求的解決方案！

Jenkins Build Monitor

Monitor Jenkins（http://jenkins-ci.org）在Firefox狀態欄中創建並顯示當前狀態。

jQuery extension

內嵌於瀏覽器的jQuery和jQuery UI。

JSONovich

以簡單、低調的視圖漂亮的顯示出瀏覽器中JSON的內容。

JSONView

顯示瀏覽器中的JSON文檔。

JSView

如果你正在訪問的網站包含了任何外部js/css文件，圖標上就會顯示「SS」、」JS」或者都有。點擊文件名就能查看各個文件。文件會在新窗口中打開。

Link Widgets

通過在工具欄按鈕上添加首頁、上一頁、下一頁、尾頁來簡化頁面導航（例如在線漫畫、論壇或者技術規範，比如：HTML4建議）。

Live HTTP Headers

在瀏覽網頁時查看HTTP頭信息。

LiveReload

LiveReload能在文件發生改變時刷新網頁。

MeasureIt

可以在任何網頁上顯示標尺，用來檢查寬度、高度，或者以像素為單位對其頁面元素。

Modify Headers

能夠添加、修改、過濾發送給web伺服器的HTTP報頭，這個插件特別有助於移動Web開發、HTTP測試和隱私保護。

NoScript

瀏覽器上最好的安全插件。只有你信任站點上的活動內容才能運行，保護你免受跨站腳本攻擊和點擊劫持攻擊。

PageSpeed

Page Speed是由Google發起的開源項目，旨在通過應用Web性能最佳實例來幫助開發者優化他們的網頁。

PixelZoomer

PixelZoomer能夠對當前網站進行截圖，並提供多種像素分析工具。你可以放大網站（最大3200%），測量間距並用取色器取色。

Pixlr Grabber

抓取屏幕和網頁圖片變得輕而易舉。有了Pixlr Grabber，只需點擊右鍵，你就可以複製、保存、分享甚至編輯你的最終抓取效果——包括所有圖片或者背景。

Poster

一個與網路服務和其他網路資源交互的開發者工具，可以讓你製作HTTP請求，設置實體段和內容類型。允許你與網路服務相互並查看結果。

QuickJava

可以在狀態欄或者工具欄快速開啟或禁用Java、Javascript、Flash、 Silverlight、Images、樣式表和代理，而無需打開任何對話框。

Rainbow Color Tools

針對Web開發者的顏色工具。選色器、取色器+保存顏色，還能通過拖放提取顏色。

Regular s Tester

測試正則表達式的工具，帶有顏色高亮（包含子匹配項），也是創建表達式的幫手。

Remove Cookie(s) for Site

一個非常簡單的插件，用來清除當前打開站點的Cookies。它在網頁的右鍵菜單中添加了一個選項，用一鍵清除Cookies按鈕來執行操作，會在狀態欄中顯示其狀態。

Screenshot Pimp

只需輕輕一點，就能捕獲、抓取、保存、下載或者複製任何你在瀏覽器中能看到的東西！Screenshot pimp是目前為止Windows和Mac上定製性和用戶體驗最好的截屏工具欄。

SQLite Manager

管理你電腦上所有的SQLite資料庫。

Selenium IDE Buttons

用一個簡單的工具欄按鈕來打開selenium IDE。你需要已經安裝了selenium IDE：http://seleniumhq.org/projects/ide/

SeoQuake SEO extension

Seoquake是一款FirefoxSEO插件，旨在幫助那些涉及搜索引擎優化（SEO）社會媒體優化（SMO）和網路促銷的人。Seoquake可以審查很多重要的SEO參數。

ShowIP

在狀態欄顯示當前頁面的IP地址。還允許通過IP（右鍵單擊）和hostname（左鍵單擊）查詢自定義信息服務，例如whois、netcraft等。此外，你還可以複製IP到剪貼板。

Stylish

用Stylish重構網頁，它是一款用戶風格管理器。Stylish能讓你輕易的為很多網站安裝主題和皮膚，像Google、Facebook、YouTuBe、Orkut等，你甚至可以自定義Firefox或者其他程序的主題。

Tamper Data

使用tamperdata可以查看、修改HTTP/HTTPS頭及post參數。

TAW3

只需通過一個簡單的按鈕，你就能了解一個網站是否能夠訪問。

Tilt 3D

一個基於WebGL的插件，可以讓網頁變成3D可視化的效果。

Total Validator

能夠一次執行多種不同的驗證。包括外部的、內部的或者本地網頁（需要從http://www.totalvalidator.com/downloads/extensiontool.html獲取一個桌面工具）。

TryAgain

TryAgain會在伺服器不能訪問時，不斷嘗試載入網頁。

User Agent Switcher

User Agent Switcher添加了一個菜單和一個工具欄按鈕，來控制瀏覽器的用戶代理。

Wappalyzer

Wappalyzer是一個能夠發現網站開發技術的瀏覽器插件。

Web Developer

Web Developer會在瀏覽器中添加各種web開發者工具。

二、Firebug extensions

在一些不同情況下，會用到很多Firebug的插件，在這裡會列出其中一部分：

Acebug

Acebug對Firebug命令行進行語法高亮，並具有模糊自動完成功能。

Code Coverage v2 for Firebug 0.1

這個Firebug插件用來報告Jacascript的代碼覆蓋率。

CSS Usage

用來查看使用了哪些CSS規則的Firebug插件。

Firecookie

Firecookie是一款可以查看、管理瀏覽器Cookies的Firebug插件。

Firefinder

查找與選中的CSS選擇器或XPath表達式相匹配的HTML元素。

FirePHP

FirePHP通過一個簡單的PHP方法調用，就能讓你記錄你的Firebug控制台。

FireQuery

針對jQuery開發的Firebug插件。

friendly bug

讓Firebug界面友好，更易於使用。

Inline Code Finder for Firebug

Inline Code Finder是一個Firebug插件，能發現HTML元素中存在的這些問題：內聯JavaScript事件、內聯樣式、javascript: links。

FireRainbow

Firebug中的JacaScript語法高亮工具。

NetExport

NetExport是一個Firebug插件，可以導出所有Net panel中收集和計算的數據。創建的文件使用HTTP存檔（HAR）格式（基於JSON）

Pixel Perfect

Pixel Perfect是一個Firebug插件，能夠讓Web開發者和設計師輕鬆的把一張web構圖覆蓋在開發的HTML頁面上。

YSlow

YSlos能夠分析網頁載入緩慢的原因，基於Yahoo!的高性能網站標準。

更多Firebug 插件，請查看Firebug官方wiki。

文章出自：伯樂在線

推薦閱讀：