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

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

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

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

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

點擊指定的綠色行號位置，即可為該行代碼添加斷點。

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

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

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