如何在Chrome开发者控制台中禁用页面debugger调用以正常加载？

碰到这种被反复触发的debugger卡得没法正常加载页面的情况，确实挺闹心的，我给你分享几个亲测有效的解决办法：

方法一：用DevTools的「忽略列表」精准跳过指定脚本 #

这是最推荐的方案，既能保留页面正常JS功能，又能跳过烦人的debugger：

• 打开Chrome开发者控制台（快捷键F12或Ctrl+Shift+I），切换到「Sources」标签页
• 如果左侧面板没看到「Ignore List」，点击左上角的「>>」按钮展开更多选项就能找到
• 添加忽略规则有两种方式：
  • 当页面暂停在debugger时，查看右侧的「Call Stack」（调用栈），找到触发debugger的那个脚本文件，右键点击它，选择「Add script to ignore list」
  • 或者直接点击「Ignore List」里的「Add pattern」，输入脚本的路径或匹配规则（尽量精准，不建议直接用*.js忽略所有JS）
• 设置完成后刷新页面，被加入忽略列表的脚本里的debugger就再也不会触发暂停了

方法二：临时重写全局debugger函数 #

如果不想配置忽略列表，也可以用控制台直接覆盖debugger的默认行为：

• 当页面第一次暂停在debugger时，切换到「Console」标签页，输入以下代码并回车：

  debugger = function() {};
  

• 点击控制台上方的蓝色恢复执行按钮，之后所有的debugger调用都会被这个空函数替代，不会再暂停页面
• 注意：这个方法只在当前页面会话生效，刷新页面后需要重新执行这段代码

方法三：临时禁用JavaScript（极端情况） #

如果上面两种方法都不管用，只是想快速查看页面静态内容，可以临时禁用JS：

• 点击Chrome地址栏左侧的「锁」（或「信息」）图标
• 在弹出的菜单里选择「Site settings」
• 找到「JavaScript」选项，设置为「Block」
• 刷新页面后，页面会在无JS的状态下加载，但交互功能会失效，适合临时查看内容用

内容的提问来源于stack exchange，提问作者albertma789