JavaScript Debugging

<!DOCTYPE html>
<html>
<head>
</head>

<body>

<p id="demo"></p>

<p>With the debugger turned on, the code below should stop executing before it executes the third line.</p>

<script>
var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

方法1、設置debugger

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

方法2、輸出調試結果 console.log

另外若是想在頁面加載的時候,進入debug模式

須要在Chrome 頁面的 source 下面的 Event Listener Breakpoints 下面的DOM Mutation 下面 DOMContentLoaded 選擇。html

相關文章
相關標籤/搜索