条件断点是让代码仅在指定条件满足时暂停的调试功能，支持Chrome/Edge/Firefox和VS Code，需输入合法JavaScript表达式且变量必须作用域可见，适用于长循环、特定用户行为、偶发错误等场景。
条件断点就是让代码“只在你真需要的时候才停”——比如变量 userId 等于某个值、数组长度超限、或接口返回了错误状态。它不靠改代码，也不用反复点继续，关键在于写对那个“触发条件”。
浏览器中设置（Chrome / Edge / Firefox）
打开 DevTools → Sources 面板 → 找到目标 JS 文件：
- 右键点击行号左侧空白处（不是行号本身，也不是代码区），选择 Add conditional breakpoint…
- 输入纯 JavaScript 表达式，例如：
userId === "U1001" 或
items?.length > 50 或
response?.status === 500 - 按 Enter 确认。你会看到行号旁出现一个黄色带问号的标记
- ⚠️ 注意：表达式里不能写
console.log()、let x = 1、if或正则字面量（如/abc/），否则断点静默失效，且无提示 - ✅ 建议：先在 Console 里粘贴并运行你的条件表达式，确认能正常求值为
true/false
VS Code 中设置
适用于本地调试 Node.js 或前端项目（需配置好 launch.json）：
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
- 右键行号左侧空白处 → 选择 Add Conditional Breakpoint
- 输入表达式，例如：
user.role === "admin" 或
i % 10 === 0（每10次循环停一次） - 变量必须在当前作用域可见；TypeScript 中请用源码里的变量名（不是编译后名）
- 如果断点变灰，说明变量不可访问或语法有误，需检查作用域和拼写
什么时候该用条件断点？
- 调试长循环时，不想从第 1 次就停 —— 写
i === 999 - 只关心某类用户的行为 —— 写
user.type === "premium" - 排查偶发错误，但错误只在特定响应下出现 —— 写
res?.data?.code !== 200 - 函数被高频调用，但问题只出现在第 N 次 —— 此时可配合命中次数断点（如
>= 5）
替代方案：debugger 语句（适合临时/动态场景）
如果无法在 Sources 面板找到源文件（比如 CDN 加载的脚本），可在代码中插入：
if (userId === "U1001") {
debugger;
}
刷新页面后，仅当条件成立时才会中断。上线前务必删除，否则所有用户都会卡住。
