调试网页时，最让人头疼的莫过于开发者工具（DevTools）频繁地自动暂停，打断你的工作流。

无论是预设的断点、未捕获的异常，还是脚本里隐藏的debugger语句，都可能是罪魁祸首。

别担心，下面这套组合拳，能帮你一劳永逸地解决这个问题。

一、一键禁用所有断点

如果你只是想临时跳过所有调试中断，让代码顺畅跑起来，这是最快的方法。

放心，这个操作不会删除你辛苦设置的断点，只是让它们在当前会话中暂时“休眠”。

操作步骤：

• 按下 F12 或 Ctrl+Shift+I 打开开发者工具。
• 切换到 Sources 面板。
• 点击右上角的三个竖点菜单，勾选 Disable all breakpoints。

记住快捷键 Ctrl+F8 会更方便，它能让你在启用和禁用所有断点之间快速切换。

二、关闭异常暂停，让程序更“坚韧”

默认情况下，Chrome 会在遇到未捕获的异常时自动暂停，这有助于定位错误。

但有时，一些被 try-catch 包裹的已捕获异常也会触发暂停，这就有点烦人了。

关闭方法：

• 在 Sources 面板的工具栏里，找到那个红色圆圈图标。
• 它旁边有一个带感叹号的暂停符号按钮，即 Pause on caught exceptions。
• 点击它，让它变成灰色，这样已捕获的异常就不会打断你了。

如果你想更彻底，让所有异常都不暂停，那就把旁边那个 Pause on uncaught exceptions 按钮也点灰。

三、揪出烦人的XHR/fetch断点

如果你的页面总是在发起网络请求时卡住，那很可能是设置了全局的 XHR 或 fetch 断点。

这个功能本意是调试网络请求，但一旦启用“Any XHR or fetch”，每次请求都会暂停，体验极差。

排查步骤：

• 前往 Sources 面板右侧边栏。
• 找到 XHR/fetch Breakpoints 区域并展开。
• 如果 Any XHR or fetch 被勾选了，取消它。
• 检查下面是否还有针对特定 URL 的断点，也一并取消勾选。

完成后刷新页面，看看问题是否解决。

四、清除代码中的“钉子户”：debugger语句

有些脚本里会直接写上 debugger; 语句，这就像一个强制断点，不受前面那些开关控制，执行到这儿就必须停下。必须从源头上清理。

清理方法：

• 在 Sources 面板里，使用 Ctrl+Shift+F 进行全局搜索，关键词就是 debugger;。
• 然后逐个文件定位，确认这些语句不是你在主动调试后，手动删除它们。
• 如果遇到压缩过的 .min.js 文件，可以在 Network 面板找到源文件，或者在 Sources 面板的 Preview 标签页里查看内容。

清理完毕后，记得刷新页面验证效果。

五、屏蔽第三方脚本：眼不见为净

对于引入的第三方库（比如 jQuery）或者混淆过的广告 SDK，我们通常没法直接修改源码。

这时候，Chrome 的“黑盒”功能就派上用场了。把它加入忽略列表，开发者工具就会跳过该脚本内的所有断点和 debugger 语句。

操作方法有两种：

• 方法一（快速）：在 Sources 面板左侧的文件树里，直接右键点击那个烦人的 .min.js 文件，选择 Blackbox script。
• 方法二（批量管理）：点击右上角的齿轮图标 → Settings → Ignore list，然后添加匹配脚本路径的正则表达式，例如 .*.min.js 可以屏蔽所有压缩文件。

设置完成后，重启调试，你会发现这些脚本里的“陷阱”都失效了。

以上就是解决 Chrome 开发者工具频繁自动暂停的五大方法。

通常情况下，按照顺序排查一遍，问题基本都能解决。祝你调试愉快！

《夸克》非常好用的免费AI浏览器

下载APP查看