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