断点调试快捷键大全
写代码时,最怕的就是程序跑着跑着出问题,但又不知道哪里错了。这时候,断点调试就成了程序员的“放大镜”。掌握常用的断点调试快捷键,能让你在排查问题时快人一步。
通用快捷键(适用于主流 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 的速度自然就上来了。