js debug

作为后台程序员，写前端代码一直是一个痛点。今天介绍一下写js非常实用的一个功能，那就是js如何进行debug

本文以谷歌浏览器为例：

在谷歌浏览器F12打开开发控制台

点击“Sources”标签如下图1的位置

点击需要打断点的行，如下图2的位置

鼠标放在变量上可以查看变量的值，如下图3的位置

在4的位置可以继续执行代码，可以单步执行