這篇文章主要介紹JavaScript中F12調(diào)試器、debugger設(shè)置斷點(diǎn)的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

在鄂托克前等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作定制網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,全網(wǎng)整合營銷推廣,外貿(mào)營銷網(wǎng)站建設(shè),鄂托克前網(wǎng)站建設(shè)費(fèi)用合理。

JavaScript中F12調(diào)試器，debugger設(shè)置斷點(diǎn)

在沒有調(diào)試器的情況下寫 JavaScript 是有難度的。

您的代碼中也許包含了語法錯(cuò)誤，或者邏輯錯(cuò)誤，這些都難以診斷。

通常，如果 JavaScript 代碼包含錯(cuò)誤，也不會(huì)發(fā)生任何事情。不會(huì)有錯(cuò)誤消息，并且不會(huì)有任何可供查找錯(cuò)誤的指示信息。

通常，每當(dāng)你嘗試編寫新的 JavaScript 代碼，就可能發(fā)生錯(cuò)誤。

JavaScript 調(diào)試器

查找編程代碼中的錯(cuò)誤被稱為代碼調(diào)試。

調(diào)試并不簡單。但幸運(yùn)地是，所有現(xiàn)代瀏覽器都有內(nèi)置的調(diào)試器。

內(nèi)置的調(diào)試器可打開或關(guān)閉，強(qiáng)制將錯(cuò)誤報(bào)告給用戶。

通過調(diào)試器，您也可以設(shè)置斷點(diǎn)（代碼執(zhí)行被中斷的位置），并在代碼執(zhí)行時(shí)檢查變量。

通常通過 F12 鍵啟動(dòng)瀏覽器中的調(diào)試器，然后在調(diào)試器菜單中選擇“控制臺(tái)”。

console.log() 方法

如果您的瀏覽器支持調(diào)試，那么您可以使用 console.log() 在調(diào)試窗口中顯示 JavaScript 的值：

實(shí)例

My First Web Page

設(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 語句沒有效果。

如果調(diào)試器已打開，此代碼會(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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！