普通断点

代码执行到普通断点时,程序就会暂停执行。

添加普通断点的方法:

  1. 切换到Source选项卡,查看源码
  2. 点击行号设定断点
  3. 按F5重新加载页面
  4. 代码会在断点处暂停执行,右侧可以监听相关变量的值
  5. 点击单步执行按钮,会依次逐行执行代码,但不会进入函数(按F11或参照下文的按钮可以进入函数)
  6. js 调试 —— 断点(含进入函数、条件断点等)_js

进入函数

单步/断点执行到函数时,按F11可以进入函数,单步执行函数内的代码。

js 调试 —— 断点(含进入函数、条件断点等)_调试_02

条件断点

普通断点遇到断点就会停止执行,在遇到循环时,非常麻烦,这时需要设置条件断点,当满足条件时,才暂停执行。

添加条件断点的方法:

在源代码的行号上点击鼠标右键,选择条件断点,输入判断条件即可。

js 调试 —— 断点(含进入函数、条件断点等)_条件断点_03


js 调试 —— 断点(含进入函数、条件断点等)_条件断点_04