在 chrome devtools sources 面板中可右键行号旁空白处添加条件断点,输入 js 表达式(如 i === 5),仅当其返回真值时暂停;支持编辑、删除或快捷启停,并可通过 scope 和 watch 验证条件有效性。

在 Chrome DevTools 的 Sources 面板中设置条件断点,能让你只在满足特定逻辑时暂停执行,避免频繁手动干预或冗余停顿。
找到目标代码行并右键添加条件断点
打开 Sources 面板,定位到 JS 文件中的某一行(比如函数内部、循环体或变量赋值处)。右键点击行号左侧的空白区域(不是行号本身),选择 “Add conditional breakpoint…”。此时会弹出输入框,直接输入 JavaScript 表达式,例如:
-
i === 5(在 for 循环中第 5 次迭代时中断) -
user && user.id === 123(确保对象存在且 id 匹配) -
typeof data === 'string' && data.length > 100(对长字符串数据触发)
按 Enter 确认,该行会出现一个带橙色箭头图标的断点标记,鼠标悬停可查看你设置的条件。
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
条件表达式必须返回真值才会中断
DevTools 会在每次执行到该行前求值你的条件表达式。只有结果为 true(或真值,如非空对象、非零数字等)才暂停;null、undefined、false、0、'' 都不会触发。注意:表达式里能访问当前作用域的所有变量,但不能调用可能产生副作用的函数(如 console.log() 或修改状态的调用),否则会影响程序行为或导致断点失效。
编辑或移除已有条件断点
已设好的条件断点,再次右键点击断点图标(橙色箭头),可选择 “Edit breakpoint” 修改条件,或 “Remove breakpoint” 删除。也可直接按住 Ctrl(macOS 是 Cmd)再点击断点图标快速切换启用/禁用状态,方便临时跳过验证。
配合 Scope 和 Watch 窗口验证条件是否合理
当断点未按预期触发时,先检查控制台是否报语法错误(条件表达式写错会导致断点静默失效);再在断点暂停后,展开右侧的 Scope 面板查看当前变量值,或在 Watch 栏手动输入你的条件表达式,看实时求值结果。这能帮你快速确认是逻辑问题,还是变量尚未定义/时机不对。
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










