溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹JavaScript中F12調試器、debugger設置斷點的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
JavaScript中F12調試器，debugger設置斷點
在沒有調試器的情況下寫 JavaScript 是有難度的。
您的代碼中也許包含了語法錯誤，或者邏輯錯誤，這些都難以診斷。
通常，如果 JavaScript 代碼包含錯誤，也不會發生任何事情。不會有錯誤消息，并且不會有任何可供查找錯誤的指示信息。
通常，每當你嘗試編寫新的 JavaScript 代碼，就可能發生錯誤。
JavaScript 調試器
查找編程代碼中的錯誤被稱為代碼調試。
調試并不簡單。但幸運地是，所有現代瀏覽器都有內置的調試器。
內置的調試器可打開或關閉，強制將錯誤報告給用戶。
通過調試器，您也可以設置斷點（代碼執行被中斷的位置），并在代碼執行時檢查變量。
通常通過 F12 鍵啟動瀏覽器中的調試器，然后在調試器菜單中選擇“控制臺”。
console.log() 方法
如果您的瀏覽器支持調試，那么您可以使用 console.log() 在調試窗口中顯示 JavaScript 的值：
實例
<!DOCTYPE html>
<html>
<body>
<h2>My First Web Page</h2>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
設置斷點
在調試窗口中，您可在 JavaScript 代碼中設置斷點。
在每個斷點中，JavaScript 將停止執行，以使您能夠檢查 JavaScript 的值。
在檢查值之后，您可以恢復代碼執行。
debugger 關鍵詞
debugger 關鍵詞會停止 JavaScript 的執行，并調用（如果有）調試函數。
這與在調試器中設置斷點的功能是一樣的。
如果調試器不可用，debugger 語句沒有效果。
如果調試器已打開，此代碼會在執行第三行之前停止運行。
實例
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
以上是“JavaScript中F12調試器、debugger設置斷點的示例分析”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
