Firebug調(diào)試js詳解

《Firebug調(diào)試js詳解》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、Javascript的調(diào)試?yán)鳎篎irebug使用詳解Javascript的調(diào)試，是開發(fā)Web應(yīng)用尤其是AJAX應(yīng)用很重要的一環(huán)，目前對Javascript進(jìn)行調(diào)試的工具很多，我比較喜歡使用的是Firebug。Firebug是JoeHewitt開發(fā)的一套與Firefox集成在一起的功能強(qiáng)大的web開發(fā)工具，可以實(shí)時編輯、調(diào)試和監(jiān)測任何頁面的CSS、HTML和JavaScript。本文主要是為初學(xué)者介紹一下Firebug的基本功能與如何使用Firebug。由于本人水平與能力有限，在文章中的可能會有很多錯誤與遺漏，希望大家能諒解和指正！1、安裝Firebug是與Firefox集成的，所以我們首先要安裝的事Firefox瀏覽器。安裝好瀏覽器后，打開瀏覽器，選擇菜單欄上的“工具”菜單，選擇“附加軟件”，在彈出窗口中點(diǎn)擊右下角的“獲取擴(kuò)展”鏈接。在打開的頁面的search輸入框中輸入“firebug”。等搜索結(jié)果出來后點(diǎn)擊Firbug鏈接（圖1-1紅色圈住部分）進(jìn)入Firebug的下載安裝頁面。圖1-1在頁面中點(diǎn)擊InstallNow（圖1-2）按鈕。圖1-2在彈出窗口（圖1-3）中等待3秒后單擊“立即安裝”按鈕。圖1-3等待安裝完成后會單擊窗口（圖1-4）中的“重啟Firefox”按鈕重新啟動Firefox。圖1-4當(dāng)Firefox重啟完后我們可以在狀態(tài)欄最右邊發(fā)現(xiàn)一個灰色圓形圖標(biāo)（），這就表示Firebug已經(jīng)安裝好了?；疑珗D標(biāo)表示Firebug未開啟對當(dāng)前網(wǎng)站的編輯、調(diào)試和監(jiān)測功能。而綠色（）則表示Firebug已開啟對當(dāng)前網(wǎng)站進(jìn)行編輯、調(diào)試和監(jiān)測的功能。而紅色圖標(biāo)（）表示已開啟對當(dāng)前網(wǎng)站進(jìn)行編輯、調(diào)試和監(jiān)測的功能，而且檢查到當(dāng)前頁面有錯誤，當(dāng)前圖標(biāo)表示有5個錯誤。2、開啟或關(guān)閉Firebug單擊Firebug的圖標(biāo)或者按F12鍵你會發(fā)現(xiàn)頁面窗口被分成了兩部分，上半部分是瀏覽的頁面，下半部分則是Firebug的控制窗口（圖2-1）。如果你不喜歡這樣，可以按CTRL+F12或在前面操

5、作后單擊右上角的上箭頭按鈕，彈出一個新窗口作為Firebug的控制窗口。圖2-1從圖2-1中我們可以看到，因?yàn)槲覀冮_啟Firebug的編輯、調(diào)試和監(jiān)測功能，所以目前只有兩個可以選擇的鏈接：“EnableFirebug”與“EnableFirebugforthiswebsite”。如果你想對所有的網(wǎng)站進(jìn)行編輯、調(diào)試和檢測，你可以點(diǎn)擊“EnableFirebug”開啟Firebug，則以后無論瀏覽任何網(wǎng)站，F(xiàn)irebug都處于活動狀態(tài)，隨時可以進(jìn)行編輯、調(diào)試和檢測。不過一般的習(xí)慣我們只是對自己開發(fā)的網(wǎng)站進(jìn)行

6、編輯、調(diào)試和檢測，所以我們只單擊“EnableFirebugforthiswebsite”開啟Firebug就行了。開啟Firebug窗口（圖2-2）后，我們可以看到窗口主要有兩個區(qū)域，一個是功能區(qū)，一個是信息區(qū)。選擇功能區(qū)第二行的不同標(biāo)簽，信息區(qū)的顯示會有不同，Options的選項(xiàng)也會不同，搜索框的搜索方式也會不同。圖2-2要關(guān)閉Firebug控制窗口單擊功能區(qū)最右邊的關(guān)閉圖標(biāo)或按F12鍵就行了。如果要關(guān)閉Firebug的編輯、調(diào)試和監(jiān)測功能，則需要單擊功能區(qū)最左邊的臭蟲圖標(biāo)，打開主菜單，選擇“Dis

7、ableFirebug”或“DisableFirebugforxxxxx”。3、Firebug主菜單單擊功能區(qū)最左邊的臭蟲圖標(biāo)可打開主菜單（圖3-1），其主要功能描述請看表1。圖3-1菜單選項(xiàng)說明DisableFirebug關(guān)閉/開啟Firebug對所有網(wǎng)頁的編輯、調(diào)試和檢測功能DisableFirebugforxxxxx關(guān)閉/開啟Firebug對xxxxx網(wǎng)站的編輯、調(diào)試和檢測功能AllowedSites設(shè)置允許編輯、調(diào)試和檢

8、測的網(wǎng)站TextSize：Increa