google瀏覽器如何除錯html中的js？？-有解無憂

如題，我html中嵌入一段js，代碼。
我想除錯跟蹤，并走入呼叫的js源檔案里面。

我嘗試了很多次，發現html頁面下不起斷點，下了也斷不下來。
如果只在js檔案中斷點是可以的。
關鍵我想看看html嵌入那段代碼的堆疊！！！

求教！！！謝謝！！！！

我是前端新手，努力學習中，如果有方案的，請親務必詳細點，不然我有點吃不消！！！

再次萬謝！！！！

uj5u.com熱心網友回復：

F12進入開發模式，然后選擇source tab頁，然后就可以斷點除錯了

uj5u.com熱心網友回復：

多謝回復，請看，我并無法斷點下了。
也無法查看堆疊和呼叫引數。

uj5u.com熱心網友回復：

參考 1 樓 foolishdault 的回復:

F12進入開發模式，然后選擇source tab頁，然后就可以斷點除錯了

斷不下來，那我該如何？？

uj5u.com熱心網友回復：

f12,百度每個單詞

uj5u.com熱心網友回復：

參考 4 樓 qq_34069300 的回復:

f12,百度每個單詞

你這樣還不如別來回答！！！作弄人

uj5u.com熱心網友回復：

正解是按F12,然后Sources，找到你的js，然后在數字那塊單擊，就是設定了斷點。

你這邊走不進去，我猜是
1.是不是沒有清快取，比如你更改了頁面，但是頁面又是之前那個。
解決：你清除下瀏覽器的快取，(重點是勾選上“下載記錄”那一項)，重啟瀏覽器試試。
2.你寫的方法，JS沒有執行。
解決：你試下寫個button，然后button呼叫function a(){ alert("aaaa");}，用我上面寫的打斷點的方法，打在alert那塊，看下會不會走進去

uj5u.com熱心網友回復：

參考 6 樓 cmqwan 的回復:

正解是按F12,然后Sources，找到你的js，然后在數字那塊單擊，就是設定了斷點。

你這邊走不進去，我猜是
1.是不是沒有清快取，比如你更改了頁面，但是頁面又是之前那個。
解決：你清除下瀏覽器的快取，(重點是勾選上“下載記錄”那一項)，重啟瀏覽器試試。
2.你寫的方法，JS沒有執行。
解決：你試下寫個button，然后button呼叫function a(){ alert("aaaa");}，用我上面寫的打斷點的方法，打在alert那塊，看下會不會走進去

非常感謝你的回復。但是我依舊無法斷點。

如圖，他寧愿console log。都不愿斷點在那里！！

uj5u.com熱心網友回復：

參考 7 樓 u010231493 的回復:

Quote: 參考 6 樓 cmqwan 的回復:

正解是按F12,然后Sources，找到你的js，然后在數字那塊單擊，就是設定了斷點。

你這邊走不進去，我猜是
1.是不是沒有清快取，比如你更改了頁面，但是頁面又是之前那個。
解決：你清除下瀏覽器的快取，(重點是勾選上“下載記錄”那一項)，重啟瀏覽器試試。
2.你寫的方法，JS沒有執行。
解決：你試下寫個button，然后button呼叫function a(){ alert("aaaa");}，用我上面寫的打斷點的方法，打在alert那塊，看下會不會走進去

非常感謝你的回復。但是我依舊無法斷點。

如圖，他寧愿console log。都不愿斷點在那里！！

額。。。那我也沒招了。。。
最后方案，重啟或者卸載重裝。

uj5u.com熱心網友回復：

在需要斷點的地方console.log();然后點擊后面的 VM631:13 ,進入虛擬機里面下斷點；
這種方法是一種解決辦法，但是不是想象中的解決方案，希望樓主找到了告知一下

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/118332.html

標籤：JavaScript

上一篇：js如何獲取當前電腦資訊，如電腦名稱

下一篇：如何動態加載TTL字體