设置断点
方式一：编辑器内
在一行代码的前面或者后面写上**debugger**。
运行到这的时候就会停止啦。
方式二：浏览器控制台内
直接在控制台的**Source(中文版为源代码/来源)**目录下点击左边的行数即可。
然后刷新一下。
断点控制
遇到断点后，程序会停止运行，此时注意，控制台中打断点的那行代码并没有被执行。 第一个按钮是一直执行到下一个断点的意思，直到运行完毕。 第二个按钮是进行下一步，也就是执行下一个逻辑，又或者说，【按逻辑（比如会遇到 if 那些）去执行下一行代码】。
- 箭头：停止断点调试
- 眼睛：不跳入函数中去，继续执行下一行代码（F10）
- 向下的箭头：跳入函数中去（F11）
- 向上的箭头：从执行的函数中跳出
- 带斜杠的图标：禁用所有的断点，不做任何调试
查看变量
可以查看到不同作用域下的变量的动态变化，如下图所示，展示了代码块范围内的所有变量：
注意事项
提醒一句：对有异步代码的文件进行断点时有个小提醒，可能你在断点的情况下正常运行了，但不断点的情况下就不正常了，这时候就要想到异步的时机问题，可能断点的时候异步就执行完了。
快捷键说明
- 下一步（Step）：代表'下一步'，运行下一条指令，快捷键 F9。运行下一条语句。一次接一次地点击此按钮，整个脚本的所有语句会被逐个执行。
