相信很多從事Web開發(fā)工作的開發(fā)者都聽說和使用過Firebug，但可能大部分人還不知道，其實它是一個在網(wǎng)頁設(shè)計方面功能相當(dāng)強大的編輯器，它可以對HTML、DOM、CSS、HTTP和Javascript進(jìn)行全面的跟蹤和調(diào)試。它是Firefox瀏覽器的一個插件，所以建議各位Web開發(fā)者，要充分利用FireFox瀏覽器和Firebug插件進(jìn)行日常的調(diào)試工作。本篇經(jīng)驗選取了12個Web開發(fā)者應(yīng)該掌握的Firebug的初級使用技巧，介紹給大家。

1、使用Firebug可以找到頁面中的任何內(nèi)容

不知道各位有無遇到過這樣的情況，在一個復(fù)雜的HTML頁面中，當(dāng)你想找某個頁面元素的實際對應(yīng)的HTML時，你不得不在一大堆HTML代碼中去查找，十分麻煩。有了Firebug，現(xiàn)在你只需要在頁面中，用鼠標(biāo)右鍵選中某個元素，然后在彈出的菜單中，選擇“查看元素”，馬上就會在HTML頁面代碼中找到該元素對應(yīng)的代碼了，十分方便，如下圖所示：

2、可以使用Firebug修改HTML和CSS

通過Firebug，可以直接修改HTML，增加HTML的屬性，刪除元素，增加CSS樣式及實現(xiàn)更多功能，如下圖所示：

3、可以通過Firebug查看DOM元素和對XML進(jìn)行操作

當(dāng)打開一個HTML頁通過Firebug查看HTML代碼時，你可以同時點在控制面板中的DOM樹，就會以DOM的樹型結(jié)構(gòu)方式看到整個HTML的結(jié)構(gòu)。而如果你是打開了一個XML文件，那么鼠標(biāo)右鍵點XML文件中的任何一個元素，在彈出的菜單中同樣可以選擇對XML進(jìn)行相關(guān)操作，如下圖所示：

4、使用Firebug調(diào)試Javascript代碼

在Firebug控制臺中，如果要執(zhí)行調(diào)試Javascript代碼，只需要首先將Script控制面版啟動，然后在點擊Console按鈕，在下拉菜單中選擇顯示Javascipt及HTML錯誤(還可以讓用戶選擇顯示更多的錯誤)，接著在底部會發(fā)現(xiàn)出現(xiàn)>>>的箭頭，在這里，你可以輸入Javascipt代碼，輸入后，馬上按回車鍵，就可以執(zhí)行了，十分方便，如下圖所示：

5、多次加載頁面后Firebug會記得加載前的位置

無論你重復(fù)加載多少次頁面，F(xiàn)irebug在每次加載頁面后總會自己記得加載前頁面所在的位置(比如你已經(jīng)在瀏覽頁面的底部，此時再加載頁面，則新的頁面加載后，依然把你帶到頁面底部)。

6、使用$標(biāo)記去方便訪問變量

在上面的第4點中，我們提到了在>>>這個命令行下可以進(jìn)行Javascript的調(diào)試，而另外一個技巧是可以使用如$1去訪問曾經(jīng)訪問過的變量中的最后一個，如此類推，可以使用$2訪問曾經(jīng)訪問過的變量中的倒數(shù)第二個，如下圖所示：