位置:首页 > 综合教程 > 谷歌浏览器如何关闭开发者工具断点自动暂停功能

谷歌浏览器如何关闭开发者工具断点自动暂停功能

时间:2026-05-24  |  作者:318050  |  阅读:0

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

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

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

谷歌浏览器如何关闭开发者工具的断点自动暂停_谷歌浏览器异常抛出忽略

一、一键禁用所有断点

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

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

操作步骤:

  • 按下 F12Ctrl+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
  • 方法二(批量管理):点击右上角的齿轮图标 → SettingsIgnore list,然后添加匹配脚本路径的正则表达式,例如 .*.min.js 可以屏蔽所有压缩文件。

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

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

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

来源:整理自互联网
免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。

相关文章

更多

精选合集

更多

大家都在玩

热门话题

大家都在看

更多