实用网络站
白蓝主题五 · 清爽阅读
首页  > 电脑进阶

断点调试快捷键大全 日常维护方法与实用案例

断点调试快捷键大全

写代码时,最怕的就是程序跑着跑着出问题,但又不知道哪里错了。这时候,断点调试就成了程序员的“放大镜”。掌握常用的断点调试快捷键,能让你在排查问题时快人一步。

通用快捷键(适用于主流 IDE)

大多数现代开发环境,比如 Visual Studio、IntelliJ IDEA、PyCharm、VS Code 等,都支持类似的调试快捷键,熟悉一套基本就能通吃。

  • F9:设置或取消断点。光标放在某一行,按 F9 就能在该行添加断点,再次按下取消。
  • F5:启动调试。程序会运行到第一个断点处暂停。
  • F10:单步跳过(Step Over)。执行当前行,如果这一行有函数调用,不会进入函数内部。
  • F11:单步进入(Step Into)。遇到函数就钻进去,适合查看函数内部逻辑。
  • Shift + F11:跳出当前函数(Step Out)。当你已经深入某个函数,想快速执行完并返回上一层,用它最省事。
  • Shift + F5:停止调试。强制结束当前调试会话。

VS Code 中的调试操作

VS Code 作为轻量级但功能强大的编辑器,调试体验非常流畅。

除了上面提到的通用键,还可以:

  • Ctrl + Shift + B:编译任务,配合调试使用。
  • Ctrl + F5:启动但不调试(Run without Debugging)。
  • Alt + F9:禁用所有断点,临时让程序跑一遍。

在调试面板中,还能看到变量值、调用栈、监视表达式等信息,结合快捷键效率翻倍。

Chrome DevTools 调试 JavaScript

前端开发少不了在浏览器里查问题。Chrome 的开发者工具也支持断点调试。

打开 DevTools(F12 或右键检查),切换到 Sources 面板:

  • Ctrl + P:快速打开文件。
  • Ctrl + G:输入行号,跳转到指定行。
  • 点击行号左侧区域:添加断点。
  • Ctrl + \/:切换断点启用状态。
  • F8:继续执行,直到下一个断点。
  • F10:单步跳过。
  • F11:单步进入。

也可以在代码中直接写

debugger;
当程序运行到这里时,会自动中断,相当于手动埋了个断点。

小技巧:条件断点

有时候,你只想在特定条件下中断,比如循环跑到第 100 次才停下来。右键点击断点,选择“编辑断点”或“添加条件”,输入判断表达式即可。

例如,在 VS Code 中设置条件:

i === 100
这样只有当变量 i 等于 100 时才会触发中断。

调试不是为了炫技,而是为了更快地找到问题根源。熟练使用这些快捷键,少点鼠标,多敲键盘,修 Bug 的速度自然就上来了。