Js调试

console.log() 方法

<p>
浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。
</p>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

debugger 关键字

debugger关键字与在调试工具中设置断点的效果是一样的

<p id="demo"></p>
<p id="demo1"></p>
<p id="demo2"></p>
<p>开启调试工具，在代码执行到第三行前会停止执行。</p>
<script>
var x = 15 * 5;
document.getElementById("demo").innerHTML = x;
debugger;
document.getElementById("demo1").innerHTML = x-5;
document.getElementById("demo2").innerHTML = x+5;
</script>

设置断点

在调试窗口中，你可以设置 JavaScript 代码的断点。

在每个断点上，都会停止执行 JavaScript 代码，以便于我们检查 JavaScript 变量的值。

在检查完毕后，可以重新执行代码（如播放按钮）。

非原创，转载来源：http://www.runoob.com/js/js-debugging.html