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