Chrome DevTools已忽略脚本仍触发异常暂停问题求助

可行解决方案 #

• 用DevTools协议强制忽略脚本，优先级高于UI界面操作：打开DevTools控制台执行以下命令，替换为目标脚本的完整URL即可

  Debugger.setBlackboxPatterns({
    patterns: [
      { url: "https://替换为你要忽略的脚本完整地址.js", caseSensitive: false }
    ]
  })
  

• 手动添加正则规则代替右键快速添加忽略：打开DevTools设置→Ignore List，点击「Add pattern」输入脚本匹配正则，比如要忽略所有xxx域名下的脚本可填写^https://xxx\.com/.*\.js$，正则匹配不会出现右键添加时路径匹配不全的问题
• 若异常是从被忽略脚本抛出后，在外部非忽略脚本中被捕获导致的暂停，属于DevTools默认设计逻辑。你可以在异常触发暂停时，右键点击暂停行左侧的断点标记，选择「Edit condition」后输入false，即可让DevTools永远不在该行触发暂停
• 如果你使用打包工具构建项目，可以在开发环境配置中排除对应脚本的sourcemap生成，比如webpack配置中给source-map-loader添加exclude规则，排除要忽略的脚本所在目录，没有对应sourcemap的脚本默认不会触发异常暂停

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