使用Firebug進行斷點調試詳解

標籤：

利用Firebug我們可以非常方便地對網頁上的任何JavaScript代碼進行斷點調試。

首先，使用快速鍵F12在當前頁面開啟Firebug，並切換到指令碼選項卡。

其次，我們需要為指定的js代碼添加斷點，由於當前頁面的js代碼可能不只是在一個檔案中，Firebug會列出所有包含js代碼的指令檔，我們先在列表中選擇需要添加斷點的代碼所在檔案。

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

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

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

當執行到斷點處的js代碼時，Firebug會自動進入斷點調試。如所示，右側監控面板用於顯示相關的js變數資訊。編號①②③的按鈕表徵圖分別表示單步進入(F11)、單步跳過(F10)、單獨退出(Shift+F11)；通過這些按鈕我們可以方便地進行斷點調試。

備忘：將滑鼠移動到左側視窗中指定的js變數名上，也會即時顯示該變數的值。

軟體指南針(http://www.softown.cn)，轉載請保留出處！

使用Firebug進行斷點調試詳解