Chrome调试器如何在网络错误及JS语法错误时自动暂停？

我来帮你搞定这个问题！Chrome DevTools默认的异常暂停设置确实不会覆盖网络错误和部分加载阶段的语法错误，按照下面的步骤配置就能让它在任何错误触发时自动暂停：

一、配置JavaScript异常（含语法错误）的暂停规则 #

1. 打开Chrome DevTools（按F12或Ctrl+Shift+I/Cmd+Opt+I），切换到「Sources」面板
2. 找到面板顶部的暂停按钮（⏸️图标），点击旁边的小下拉箭头，确保勾选以下选项：
   • Pause on uncaught exceptions：捕获未被捕获的JavaScript异常（语法错误属于这类）
   • Pause on caught exceptions：捕获被try/catch包裹的异常（你之前已经开启，但要确认勾选状态）
3. 确保暂停主按钮处于激活状态（按钮会变成蓝色），这样异常捕获规则才会生效

二、配置网络错误（如404）的暂停规则 #

网络错误不属于JavaScript异常范畴，需要单独开启：

1. 点击DevTools右上角的设置图标（⚙️），进入设置界面
2. 在左侧菜单栏找到「Debugger」选项
3. 勾选 Pause on network errors 选项，这样当出现404、500等网络请求错误时，调试器会自动暂停

额外注意事项 #

• 如果遇到外部脚本的语法错误调试器没暂停，检查该脚本是否被「黑盒化」了：在Sources面板的「Page」标签下找到对应脚本，右键确认没有勾选「Blackbox script」（黑盒脚本会让调试器忽略其错误和断点）
• 配置完成后，你可以再测试那个「Throw 404」按钮，或者写一段包含语法错误的代码（比如const a = ;），验证调试器是否会自动暂停

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