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
← Chrome Console Network Chrome Console Application →