JavaScript 偵錯

JavaScript 調試

在寫 JavaScript 時,如果沒有除錯工具將會是一件很痛苦的事情。

JavaScript 偵錯

沒有偵錯工具是很難去寫 JavaScript 程式的。

你的程式碼可能包含文法錯誤,邏輯錯誤,如果沒有偵錯工具,這些錯誤比較難於發現。

通常,如果 JavaScript 出現錯誤,是不會有提示訊息,這樣你就無法找到程式碼錯誤的位置。



通常,你在寫一個新的 JavaScript 程式碼過程中都會發生錯誤。    


JavaScript 偵錯工具

在程式碼中尋找錯誤稱為程式碼偵錯。

調試很難,但幸運的是,很多瀏覽器都內建了調試工具。

內建的偵錯工具可以開始或關閉,嚴重的錯誤訊息會傳送給使用者。

有了偵錯工具,我們就可以設定斷點 (程式碼停止執行的位置), 並且可以在程式碼執行時偵測變數。

瀏覽器啟用偵錯工具一般是按下 F12 鍵,並在偵錯選單中選擇 "Console" 。

QQ图片20161025145433.png

設定斷點

#在偵錯視窗中,你可以設定 JavaScript 程式碼的斷點。

在每個斷點上,都會停止執行 JavaScript 程式碼,以便於我們檢查 JavaScript 變數的值。

在檢查完畢後,可以重新執行程式碼(如播放按鈕)。

debugger 關鍵字

debugger 關鍵字用於停止執行 JavaScript,並呼叫偵錯函數。

這個關鍵字與在偵錯工具中設定斷點的效果是一樣的。

如果沒有偵錯可用,debugger 語句將無法運作。

開啟 debugger ,程式碼在第三行前停止執行。

开启调试工具,在代码执行到第三行前会停止执行。var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <head> </head> <body> <p id="demo"></p> <p>开启调试工具,在代码执行到第三行前会停止执行。</p> <script> var x = 15 * 5; debugger; document.getElementById("demo").innerHTML = x; </script> </body> </html>