在chrome开发者工具中设置条件断点需右键行号左侧断点标记选择“edit breakpoint”,输入javascript表达式(如i===5),表达式为true时暂停;断点图标变橙色表示生效,支持作用域内变量、逻辑运算和简单函数调用,但应避免副作用。

在 Chrome 开发者工具中设置条件断点,只需右键点击行号左侧的断点标记(或直接按 Ctrl+Shift+Click / Cmd+Shift+Click),选择“Edit breakpoint”,然后输入 JavaScript 表达式即可。当表达式结果为 true 时,代码才会在此暂停。
怎么添加条件断点
打开 DevTools(F12 或 Cmd/Ctrl+Shift+I),切换到 Sources 面板,找到目标脚本文件,定位到某一行代码:
- 在行号左侧的灰色区域右键单击(不是代码行本身)
- 选择 Edit breakpoint
- 在弹出的输入框中输入条件表达式,比如
i === 5、user?.id > 100或error != null - 按 Enter 确认,断点图标会变成橙色,表示已设为条件断点
常用条件写法和注意事项
条件断点里的表达式会在当前作用域下执行,可直接访问当前函数内的变量:
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 支持逻辑运算:
name && name.length > 10 - 可调用简单函数:
isValid(item)(前提是该函数已在当前作用域定义) - 避免副作用:不要在条件里修改状态,比如
i++ > 5可能导致行为异常 - 空值安全推荐用可选链和空值合并:
data?.items?.length === 0
怎么临时禁用或删除条件断点
不需要删掉重设,操作更轻量:
- 禁用:点击行号旁的断点图标(橙色变灰色)
- 编辑条件:再次右键断点 → Edit breakpoint,修改后回车
- 清除条件只留普通断点:右键 → Remove breakpoint,再重新加普通断点;或编辑时清空输入框后回车
- 快速清除所有断点:右键断点区 → Remove all breakpoints
调试技巧补充
配合条件断点提升效率:
- 在循环中定位特定迭代:
index === 99比手动点 99 次 Continue 快得多 - 捕获异常前的状态:
error instanceof TypeError停在某类错误发生时 - 结合 console.log 调试:条件设为
false,但表达式里写console.log('debug:', x)—— 注意这属于“副作用技巧”,不推荐长期使用,仅临时查看
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










