f12弹出debug_调试Javascript代码(浏览器F12及VS中debugger关键字)

目前，常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。作为我们.NET 阵营，学会如何在IE中调试JS就足够了，在掌握了IE中的调试方法以后，Chrome和Firefox中的调试方法也变得相当简单了。

JavaScript debugger 语句

开启 debugger ，代码在执行到第三行前终止。

var x = 15 * 5;

debugger;

document.getElementbyId("demo").innerHTML = x;

定义和用法

debugger 语句用于停止执行 JavaScript，并调用 (如果可用) 调试函数。

使用 debugger 语句类似于在代码中设置断点。

通常，你可以通过按下 F12 开启调试工具， 并在调试菜单中选择 "Console" 。

注意： 如果调试工具不可用，则调试语句将无法工作。

在F12开发人员工具中进行调试

打开IE浏览器，按下F12键，就会打开开发人员工具，这是IE内置的开发人员开发工具，方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。

如果你打开的时候没有固定在网页底部，可以点击右上角菜单栏中的按钮来完成。

我们看到在这个工具窗口里面有几个标签页，分别是：HTML、CSS、控制台、脚本、探查器和网络，点开每一个标签，可以执行相应的任务。