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

相关文章
相关标签/搜索