在浏览器开发者工具中设置条件断点需右键断点选择“edit breakpoint”并输入返回布尔值的js表达式，如i===5或user?.id===123，表达式不可含赋值或函数调用，支持可选链与严格相等。
在浏览器开发者工具中设置条件断点，能让你只在满足特定条件时暂停执行，避免手动反复点击“继续”或在无关循环/调用中打断点。关键在于：在断点上右键，选择“编辑断点”，然后输入 JavaScript 表达式。
如何添加条件断点
打开开发者工具（F12 或 Ctrl+Shift+I），切换到 Sources 面板，找到对应 JS 文件，点击行号左侧的空白区域设置普通断点；接着右键该断点标记（红色圆点），选择“Edit breakpoint”（编辑断点）；在弹出的输入框中输入一个返回 true 或 false 的表达式，例如：
- i === 5（在 for 循环中第 5 次迭代时中断）
- user?.id === 123（确保对象存在且 id 匹配）
- typeof data === 'object' && data !== null（过滤掉非对象或 null 值）
条件断点的常见写法和注意事项
条件表达式是标准 JavaScript，可访问当前作用域内的变量，但不能执行赋值、声明或函数调用（如 i++、let x = 1、console.log() 会报错或被忽略）。建议：
- 优先使用严格相等（===）而非宽松相等（==）
- 对可能为 undefined 或 null 的属性，用可选链（?. ）或逻辑判断（obj && obj.prop === 'x'）防止报错
- 字符串匹配可用 includes()、startsWith() 等方法，比如 url.includes('api/user')
调试异步代码时的技巧
在 Promise.then、async 函数或事件回调里设条件断点同样有效。若断点未触发，检查是否：
- 源码已压缩？尝试启用 “Pretty print”（花括号图标）或使用 Source Map
- 断点所在行实际未执行？比如被 if 分支跳过，或函数根本没被调用
- 变量名在混淆后变化？可在断点暂停后，在 Console 面板输入变量名确认是否存在
替代方案：debugger + 条件语句
如果临时加断点更灵活，也可直接在代码中插入：
if (userId === 88) {
debugger;
}
这种方式无需打开开发者工具操作，适合快速验证，但记得上线前删除或注释掉。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
