现在常用的浏览器IE、Chrome、360、Firefox都有相应的脚本调试功能，一般直接按F12开启开发者模式。不过如何在浏览器/VS中"快速"调试和定位我们的JS代码，感兴趣的你可以了解下debugger语句，希望本文对你有所帮助。

一、开发者模式F12

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

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

二、debugger语句

1、如图在js代码中需要调试的地方，写入debugger语句

2、触发debugger后面的javascript

3、按F11或者弯曲箭头逐步调试

可以发现执行的每行代码，后面的参数数值都会被一条条跟踪打印出来，方便调试和查看。

在这里，我们可以使用快捷键进行操作，常用的快捷键如下：

F9：添加/移除 断点

F10：逐过程，即跳过该语句中的方法、表达式等

F11：逐语句调试，即单步调试，会跳入方法、表达式，进行逐语句的跟踪调试

这样就可以使用debugger关键字进行调试了；可以捕获到意外的错误，进行跟踪调试。