Chrome开发者工具会在没有设置断点的地方继续打破

Question

使用Chrome开发者工具调试JavaScript代码时,调试器会暂停未设置断点的代码.我没有Pause on exceptions启用该功能,并且肯定没有设置断点(参见附图).

我之前问了一个类似的问题是有帮助的但是并没有完全解决这个问题(以前我已经Pause on exceptions启用了).在下面的示例中,我换出了kendo.all.min.js未缩减版本的缩小版本,这允许我查看脚本执行暂停的位置,但我不知道为什么它被暂停.这种情况也发生了很多jquery.min.js.

Answer 1

我通过单击"设置"部分中的"恢复默认值并重新加载"按钮修复了断点问题.(如果需要)找到按钮:在开发人员工具中单击右上角的三个垂直点并选择"设置F1"; "恢复默认值和重新加载"按钮位于右下角.

另请注意,它确实恢复了默认值 - 您丢失了以前保存的所有断点,并且您在Developer Tools中打开的所有文件都将被关闭.

我得到了这个解决方案: Chrome javascript调试器断点什么都不做？

Answer 2

计算机之间导入/导出 Chrome devtools 断点和设置的接受答案提醒我检查“devtools-on-devtools”，并在DevTools 的 内部 应用程序 本地存储中删除 JSON 列表值的错误元素以breakpoints修复我的问题同样的问题，无需重置一切。

后来又发生了，所以我写了这个控制台片段：

((stores, matchKey, removeMatchingRegExp, dryRun)=>{for(let store of stores){
  let r = JSON.parse(localStorage[store]), l = r.length;
  r = r.filter(b=>!b[matchKey].match(removeMatchingRegExp));
  if(!dryRun) localStorage[store] = JSON.stringify(r);
  console.log(`${dryRun ? 'Would' : 'Did'} remove ${l - r.length} entries from ${store}:`, r)}; return 'OK'})
(['breakpoints', 'domBreakpoints'], 'url',
  new RegExp('^https?://example.com/script.js$'), true)

笔记：

• 不提供保修：使用风险自担。备份您的数据。
• 编辑它 - 至少是RegExp参数 - 以满足您的需求。
• 最后一个布尔值应该是false禁用dryRun。
• 必须重新打开外部 DevTools才能生效。