調試JavaScript錯誤的有效方法 – 利用firebug

首先開啟Firefox外掛程式：firebug，勾上指令碼“啟用”，勾上“在所有錯誤處中斷”，然後重新整理運行網站。如果有js錯誤或異常，firebug會自動裝載出錯的js並停在出錯的行。這時候你需要查看變數的值（在右邊的“監控”裡面可以看到變數的值，滑鼠經過也可以看到變數的值，也可以建立監控運算式）。如果變數的值為空白或者undefined，一般是其調用者傳過來的值就是空的，所以要找到其調用者：在右邊的“堆棧”頁可以看到call tree，層層點擊調用者可以發現究竟哪一級傳遞的參數發生了問題。定位了真正的錯誤源以後，可以在其前面設定斷點並再次運行網站，定位錯誤。附圖說明：

單步調試：進入（F11），跳過（F10），單步退出，

監控：變數值，及監控運算式

堆棧：call tree

斷點：列出所有斷點，取消某斷點

設定斷點：滑鼠點擊最左邊設定斷點，右鍵點擊可以設定運算式：“只有當該運算式為真時在該斷點處停止”。

 

參考：

Firebug進階用法 - Web開發的利器