大致流程

1. 打开开发者工具
   
2. 点击来源选项卡，浏览资源来源
   
3. 选定资源，单击语句左侧的空白位置添加断点
4. 重启资源后，开始调试

添加断点

• 普通断点
  直接单击语句空白处即可添加普通断点。
• 条件断点
  对语句右侧的空白处右击后，选择添加条件断点，并输入断点停止的条件。

调试功能键

仅介绍最简单的调试功能键，图中从左到右的功能键的含义分别是：

1. 继续执行脚本
   继续运行到下一个断点处（若下面再无断点，脚本就不会再暂停）
2. 跳过下一个函数调用
   如果下一个语句是函数，则会直接省略该函数的中间过程。如果下一个语句不是函数，那就正常执行该语句。
3. 进入下一个函数调用
   和功能2对应，如果下一个语句是函数，那就进入函数依次执行函数中的所有语句。如果下一个语句不是函数，那就正常执行该语句。
4. 跳出该函数
   和功能3对应，如果你在某个函数内，并觉得函数的实现没有什么问题，你可以点击这个按钮跳过该函数的剩余中间过程。如果你没在某个函数内，那就是正常执行目前的语句。