11 2 3 指令碼除錯

11.2.2 css除錯

11.2.3 指令碼除錯

firebug的指令碼除錯功能相當強大。將選項卡換到"指令碼"，如圖11.20所示，在firebug視窗頂部與css面板一樣，有乙個檔案列表按鈕。在右邊有4個按鈕和乙個搜尋框。

這裡4個按鈕的作用與delphi等ide工具的除錯按鈕一樣，當指令碼在斷點處停止執行後，可通過按鈕控制指令碼的執行，從而對指令碼進行跟蹤除錯。

(1) 第1個按鈕的作用是繼續執行指令碼，不再跟蹤，它的快捷鍵是f8。

(2) 第2個按鈕的作用是單步執行，每次只執行一條語句，該方式在遇到函式呼叫時不進入呼叫函式內部進行跟蹤，它的快捷鍵是f10。

(3) 第3個按鈕也是單步執行，每次執行一條語句，但它遇到函式呼叫時會進入呼叫函式內部進行跟蹤，它的快捷鍵是f11。

(4) 第4個按鈕的作用是跳出當前函式，返回到呼叫該函式的語句的下條語句，該按鈕沒有快捷鍵。進行指令碼除錯，設定斷點是必需的功能。在firebug中設定斷點有3種方式：

在指令碼中加入debugger語句，這是早期常用的方法。

如圖11.21所示，單擊指令碼行號旁邊的空白區域，出現紅色點表示斷點已設定。

如圖11.22所示，在控制台出現錯誤後，單擊錯誤語句右邊的灰色圓點。

圖11.21 在指令碼面板中設定斷點

1. 遮蔽斷點

如果要暫時遮蔽某個斷點，如圖11.23所示，在指令碼面板右邊區域的"斷點"選項卡中，取消斷點左上角的選擇框的選擇就可以了。要遮蔽所有斷點，單擊"斷點"選項卡中的"選項"選單，在選單裡選擇"禁用所有斷點"命令即可。

2. 刪除斷點

要刪除斷點，除了單擊指令碼行號旁的紅色圓點外，還可以在如圖11.23所示的"斷點"選項卡中單擊斷點右上角的刪除圖示。如果要刪除所有斷點，單擊"斷點"選項卡中的"選項"選單，在選單中選擇"移除所有斷點"命令即可。以上移除斷點的方法不能移除debugger語句設定的斷點。

有時候，想在滿足條件時才暫停指令碼，例如，有乙個1000次的迴圈，當迴圈變數等於100時才暫停指令碼。firebug提供了設定條件斷點的功能，如圖11.24示，在指令碼行號左邊空白處單擊滑鼠右鍵，然後在彈出的對話方塊中輸入條件就可以了。

圖11.23 遮蔽斷點

和delphi等ide工具一樣，在程式暫停後，可將滑鼠移動到變數上，通過提示資訊檢視變數的當前值。如果想移動到某行指令碼，可在搜尋框內輸入"#n"，其中n為行號。