Firebug概述

Firebug非常有意思的一點(diǎn)是它與Firefox的緊密集成。你可以在瀏覽器里或者在一個(gè)單獨(dú)的窗口里打開(kāi)Firebug。如果在瀏覽器里打開(kāi)，Firebug會(huì)被放在Web頁(yè)面的底部——一個(gè)能夠通過(guò)單獨(dú)選項(xiàng)卡或者窗口附在不同頁(yè)面上的單獨(dú)實(shí)例。

界面上有四個(gè)（原文如此——譯者注）選項(xiàng)卡——HTML、CSS、Script、DOM、Net——每一個(gè)都與頁(yè)面不同的內(nèi)容相對(duì)應(yīng)，還有一個(gè)用于錯(cuò)誤和日志信息的控制臺(tái)。你可以選擇每個(gè)選項(xiàng)卡看看對(duì)應(yīng)的頁(yè)面元素。

使用代碼

HTML、CSS、Script和DOM選項(xiàng)卡讓你可以窺探到頁(yè)面各種代碼的狀況。HTML選項(xiàng)卡代表頁(yè)面的HTML元素。你可以展開(kāi)和／或折疊這些元素以查看或隱藏子元素。JavaScript和DOM選項(xiàng)卡也是如此。這一功能讓你很容易就能夠深入理解頁(yè)面的源代碼。

調(diào)試

Firebug為使用JavaScript提供了一個(gè)可靠的調(diào)試器。你可以在腳本特定的地方設(shè)置斷點(diǎn)來(lái)終止運(yùn)行，也可以設(shè)置條件斷點(diǎn)，以便程序在滿足某些條件的時(shí)候終止運(yùn)行。此外，調(diào)試器還讓你能夠一次一行地進(jìn)行單步調(diào)試，以便密切監(jiān)視執(zhí)行情況。

在使用調(diào)試器的時(shí)候，堆棧可以提供任何給定時(shí)刻的環(huán)境快照。這樣你可以查看變量，并監(jiān)視調(diào)用堆棧。觀察功能讓你能夠在代碼執(zhí)行的時(shí)候觀察變量和表達(dá)式。JavaScript代碼可以被插到頁(yè)面里以生成調(diào)試數(shù)據(jù)。代碼分析器能夠生成函數(shù)調(diào)用報(bào)告以及這些調(diào)用占用的時(shí)間。調(diào)試功能在控制臺(tái)選項(xiàng)卡里。

控制臺(tái)是我最喜歡的Firebug功能。它讓我可以即時(shí)執(zhí)行JavaScript；這在我開(kāi)發(fā)代碼的時(shí)候非常有用，你可能會(huì)關(guān)心一段代碼的某一行是如何執(zhí)行的。如果你不記得JavaScript語(yǔ)言的眾多功能，那么自動(dòng)完成功能能夠幫你解決問(wèn)題。除了運(yùn)行代碼，它還會(huì)顯示JavaScipt的錯(cuò)誤消息日志。

Firebug控制臺(tái)API提供了控制臺(tái)變量，你可以在Web頁(yè)面的代碼里使用這些變量，以便在腳本執(zhí)行的時(shí)候生成調(diào)試信息。它帶有很多幫助處理調(diào)試的方法，包括log、trace和debug等。

網(wǎng)絡(luò)活動(dòng)

通過(guò)Net選項(xiàng)卡可以查看與有關(guān)頁(yè)面相關(guān)聯(lián)的網(wǎng)絡(luò)活動(dòng)。它會(huì)顯示所有與頁(yè)面有關(guān)的下載以及每項(xiàng)資源花了多長(zhǎng)時(shí)間下載。來(lái)自于緩存的請(qǐng)求都用顏色加以區(qū)分。來(lái)自緩存的項(xiàng)目都是淺灰色的，這樣你在快速瀏覽的時(shí)候就會(huì)知道使用緩存優(yōu)化頁(yè)面加載時(shí)間的效率情況。

Net帶有自己的次級(jí)選項(xiàng)卡以過(guò)濾需要顯示的內(nèi)容——你可能希望列出所有的元素，或者只列出HTML、CSS、JavaScript、圖片，以及Flash元素。XBR選項(xiàng)卡讓你可以檢查HTTP的標(biāo)題和服務(wù)器響應(yīng)；當(dāng)你使用AJAX應(yīng)用程序的時(shí)候，這是一個(gè)相當(dāng)好的功能。

Firebug插件

開(kāi)放源代碼項(xiàng)目的一個(gè)重要特點(diǎn)是其他開(kāi)發(fā)人員和公司的貢獻(xiàn)。一個(gè)典型的例子就是雅虎開(kāi)發(fā)人員網(wǎng)絡(luò)開(kāi)發(fā)了一個(gè)叫做YSlow的Firebug插件。它會(huì)按照雅虎關(guān)于高性能網(wǎng)站的標(biāo)準(zhǔn)分析一個(gè)Web網(wǎng)站。由于是按雅虎的規(guī)模設(shè)計(jì)的，所以這一標(biāo)準(zhǔn)針對(duì)的是流量巨大的大型網(wǎng)站，但是它對(duì)你的應(yīng)用程序也許會(huì)有好處。

不要使用Firefox？

Firebug Lite工具提供了一套用于其他瀏覽器的Firebug子功能，它可以用于Internet Explorer、Opera和Safari。這一擴(kuò)展通過(guò)一個(gè)在所有希望使用它的任何頁(yè)面上都有的JavaScript文件來(lái)安裝。像Firebug這樣的開(kāi)放源代碼項(xiàng)目的一個(gè)有趣之處是人們和公司都會(huì)為它貢獻(xiàn)自己的力量！雅虎就在積極地為Firebug項(xiàng)目作貢獻(xiàn)。

它是值得花功夫的

Firebug是對(duì)Web開(kāi)發(fā)人員的工具箱的一個(gè)很好的補(bǔ)充。它提供了揭示和查看Web頁(yè)面上HTML、CSS或JavaScript如何運(yùn)行所需要的一切東西。學(xué)習(xí)和采用新的工具需要花費(fèi)一段時(shí)間，但是如果你是Firefox的用戶，那么Firebug是絕對(duì)值得花精力去研究一下的。

Tony Patton的職業(yè)生涯開(kāi)始于應(yīng)用程序開(kāi)發(fā)員，并已經(jīng)獲得了代表其專(zhuān)業(yè)水平的Java、VB、Lotus和XML認(rèn)證。