Ctrl+Shift+F8是WebStorm中查看和管理所有断点的唯一可靠入口，可查看启用状态、条件、日志等真实配置；临时断点不在此显示；批量删除需全选后右键Remove，Disable仅暂停不删除；边距红点不等于有效断点，应以面板列表及启用状态为准。
Ctrl+Shift+F8 打开断点管理面板是唯一可靠入口
别在编辑器边距上点来点去，也别依赖「红点是否亮着」来判断——Ctrl+Shift+F8 是 WebStorm 中查看和操作所有断点的唯一可信视图。菜单路径「运行 | 查看断点」偶尔因 UI 切换失效，快捷键才稳定。打开后，你看到的是全部已设断点（行断点、异常断点、XHR 断点等），每条都带启用状态、条件、日志动作等真实配置。临时断点（Ctrl+Alt+Shift+F8 打的）不会出现在这里，它命中即删，不持久化。
批量删除所有断点：右键全选 → Remove
在断点管理面板中：
- 按
Ctrl+A（Windows/Linux）或Cmd+A（macOS）全选列表中的所有断点 - 右键 → 选择
Remove（不是Disable） - 确认弹窗，所有断点立即清除，包括它们的条件、日志、忽略设置等内部配置
注意：Disable 只是暂时静音，断点仍保留在面板里；只有 Remove 才真正删掉。如果误操作，只能重打，没有回收站。
为什么删完边距还有红点？那是无效或禁用断点
边距上的红点 ≠ 生效断点。常见情况包括：
- 红点是灰色的 → 表示已被
Disable，实际不会触发 - 红点亮着但调试不中断 → 很可能是「unresolved」：sourcemap 加载失败、断点打在注释/空行/bundle.js 上，或构建产物路径映射错位
- Vue/React/Vite 项目中，断点打在
src/App.vue却没绑到实际执行的dist/index.html→ 检查 Network 面板里.js.map是否返回 200，且响应头含SourceMap: xxx.map
以断点管理面板中是否列出 + 状态是否为 enabled 为准，边距图标只是辅助提示。
删错断点后想恢复？没备份就只能重打
WebStorm 不保存断点历史，Remove 后配置彻底丢失。如果你只是想临时停用，应该用 Disable（右键单击某条断点 → Disable，或在面板里取消勾选左侧复选框）。批量禁用比删除安全得多——所有参数都在，随时可重新启用。尤其在调试大型前端项目时，一堆带条件的 JS 异常断点一旦删掉，重配成本远高于多点两下鼠标。
