异常断点可让浏览器在js错误发生时自动暂停,便于定位问题;chrome中按f12→sources面板→点击⏸️启用,分捕获/未捕获两种模式,配合调用栈和作用域查看能快速诊断。

遇到 JavaScript 运行时报错(如 TypeError、ReferenceError),但错误堆栈一闪而过、难以定位源头?浏览器支持直接“在异常发生时自动暂停”,这就是异常断点(Pause on Exceptions)——它不是手动设在某一行,而是监听所有未捕获的 JS 错误,一出错就停住,让你看清调用链和变量状态。
开启异常断点的三步操作
以 Chrome 为例(Edge、新版 Firefox 同理):
- 按 F12 或 Ctrl+Shift+I(Win/Linux)打开开发者工具
- 切换到 Sources 面板
- 在右上角找到并点击 暂停图标 ⏸️(Pause on exceptions) —— 它通常位于调试控制栏(Step over / Step into 旁边),默认为灰色(关闭);点击后变为蓝色高亮,表示已启用
两种异常模式要分清
点击暂停图标后,会出现两个选项:
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
-
Pause on caught exceptions:勾选后,连
try...catch捕获过的异常也会中断(适合排查被静默吞掉的错误) - Pause on uncaught exceptions(默认勾选):只在未被捕获、导致页面崩溃或报红的错误发生时暂停(日常调试推荐此模式)
配合使用效果更好
异常断点本身不告诉你哪行写错了,但它会把执行流停在抛错那一行,并展示完整调用栈和作用域:
- 左侧代码区高亮显示错误位置(比如
obj.name.toUpperCase()中obj是undefined) - 右侧 Call Stack 显示谁调用了谁,快速回溯到问题入口
- 右侧 Scope 面板里可查看当前函数内各变量真实值,确认是参数传错、对象未初始化,还是异步时机问题
注意几个关键细节
避免开启后“卡死”或误判:
- 第三方库(如 React、Vue)常自带防御性
try/catch,若勾选了 “caught exceptions”,可能频繁中断;调试自己代码时建议先关掉 - 如果页面刷新后没触发暂停,说明错误没发生,或已被
catch处理且未重抛;可临时在 catch 块加console.error(e)确认错误是否真被吞掉 - 该功能对
console.error()不起作用——它只响应 JS 引擎抛出的异常,不是日志语句
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










