Sources 面板 - 代码调试
断点类型
| 类型 | 说明 | 使用场景 |
|---|---|---|
| 行断点 | 在代码行设置断点 | 普通调试 |
| 条件断点 | 右键 → Add conditional breakpoint | 特定条件触发 |
| DOM断点 | Elements面板右键 → Break on | DOM变化时 |
| XHR断点 | XHR/Fetch Breakpoints | 特定请求触发 |
| 事件断点 | Event Listener Breakpoints | 事件触发时 |
| 异常断点 | Pause on exceptions | 捕获未处理异常 |
调试技巧
| 操作 | 快捷键 |
|---|---|
| 继续执行 | F8 / Cmd+/ |
| 单步跳过 | F10 / Cmd+' |
| 单步进入 | F11 / Cmd+; |
| 单步退出 | Shift+F8 / Cmd+Shift+; |
| 查看调用栈 | 右侧 Call Stack 面板 |
| 在控制台查看变量 | 右键变量 → Add to watch |