abstract：利用Firebug我們可以非常方便地對(duì)網(wǎng)頁上的任何JavaScript代碼進(jìn)行斷點(diǎn)調(diào)試。首先，使用快捷鍵F12在當(dāng)前頁面打開Firebug，并切換到腳本選項(xiàng)卡。其次，我們需要為指定的js代碼添加斷點(diǎn)，由于當(dāng)前頁面的js代碼可能不只是在一個(gè)文件中，F(xiàn)irebug會(huì)列出所有包含js代碼的腳本文件，我們先在列表中選擇需要添加斷點(diǎn)的代碼所在文件。當(dāng)我們找到指定的js代碼所在位置時(shí)，我們可以看到Firebu

利用Firebug我們可以非常方便地對(duì)網(wǎng)頁上的任何JavaScript代碼進(jìn)行斷點(diǎn)調(diào)試。

首先，使用快捷鍵F12在當(dāng)前頁面打開Firebug，并切換到腳本選項(xiàng)卡。

其次，我們需要為指定的js代碼添加斷點(diǎn)，由于當(dāng)前頁面的js代碼可能不只是在一個(gè)文件中，F(xiàn)irebug會(huì)列出所有包含js代碼的腳本文件，我們先在列表中選擇需要添加斷點(diǎn)的代碼所在文件。

當(dāng)我們找到指定的js代碼所在位置時(shí)，我們可以看到Firebug左側(cè)會(huì)顯示行號(hào)，其中綠色的行號(hào)表示該行可以添加調(diào)試斷點(diǎn)。

點(diǎn)擊指定的綠色行號(hào)位置，即可為該行代碼添加斷點(diǎn)。

添加完斷點(diǎn)后，我們就可以通過某些操作來觸發(fā)執(zhí)行斷點(diǎn)位置的js代碼，比如提交某個(gè)表單、移動(dòng)到某個(gè)元素、點(diǎn)擊某個(gè)按鈕，甚至刷新當(dāng)前頁面(類似onload類型的事件就需要先加斷點(diǎn)，再刷新該頁面即可進(jìn)入斷點(diǎn)調(diào)試)。

當(dāng)執(zhí)行到斷點(diǎn)處的js代碼時(shí)，F(xiàn)irebug會(huì)自動(dòng)進(jìn)入斷點(diǎn)調(diào)試。如下圖所示，右側(cè)監(jiān)控面板用于顯示相關(guān)的js變量信息。編號(hào)①②③的按鈕圖標(biāo)分別表示單步進(jìn)入(F11)、單步跳過(F10)、單獨(dú)退出(Shift+F11)；通過這些按鈕我們可以方便地進(jìn)行斷點(diǎn)調(diào)試。

備注：將鼠標(biāo)移動(dòng)到左側(cè)窗口中指定的js變量名上，也會(huì)實(shí)時(shí)顯示該變量的值。