在使用 Google Chrome 开发工具进行调试时，有时候您可能希望跳过某些代码行来更快地定位问题。Chrome 开发者工具提供了几种方式来实现这一点：
1. 使用断点 (Breakpoints)
断点是调试过程中最常用的工具之一。您可以在特定的代码行上设置断点，当代码执行到该行时会自动暂停。这时，您可以查看变量状态、执行堆栈、作用域等信息。如果您想跳过某些行，可以直接在想要暂停的下一行设置断点。
操作步骤:
- 打开 Chrome 开发者工具 (F12 或 Ctrl+Shift+I / Cmd+Option+I)
- 切换到 “Sources” 选项卡
- 在您的代码中找到需要设置断点的行，点击行号左侧，会出现一个蓝色的标记表示设置了断点
- 刷新页面或触发断点代码，执行将会在断点处暂停
- 使用右上角的控制按钮中的 “Resume script execution” (继续执行脚本，快捷键 F8) 来跳过后续代码，直到遇到下一个断点
2. 使用 Step Over
“Step Over” 是另一种在调试时跳过当前行的方法，特别是当您不想进入当前行调用的函数内部时。
操作步骤:
- 在代码中设置一个断点，并开始调试
- 当执行暂停在某行时，点击工具栏中的 “Step over next function call” 按钮（快捷键 F10）
- 这将执行当前行的代码，但不会进入任何函数中，然后停在下一行
3. 条件断点 (Conditional Breakpoints)
如果您只在特定条件下想暂停执行，可以使用条件断点。这样您可以忽略大部分情况，只在感兴趣的条件发生时停下来。
操作步骤:
- 右击您想设置断点的行号旁边的空白区域
- 选择 “Add conditional breakpoint…”
- 输入您的条件表达式（如
x > 5） - 当条件满足时，代码执行将在此处暂停
通过这些方法，您可以有效地在 Chrome 开发者工具中控制代码的执行过程，跳过对调试当前问题不相关的代码行，从而提高调试效率。
2024年7月2日 12:11 回复