Chrome 开发者工具在没有设置断点的地方不断中断

Question

使用 Chrome 开发人员工具调试 JavaScript 代码时，调试器会在未设置断点的代码处暂停。 我没有启用Pause on exceptions功能，而且肯定没有设置断点（见附图）。

我之前问过一个类似的问题，这个问题很有帮助，但并没有完全解决这个问题（之前我启用了Pause on exceptions ）。 在下面的示例中，我将kendo.all.min.js的缩小版本替换为未缩小版本，这使我可以看到脚本执行暂停的位置，但我不知道为什么会暂停。 jquery.min.js也经常发生这种情况。

Answer 1

我通过单击“设置”部分中的“恢复默认值并重新加载”按钮修复了断点问题。 找到按钮：在开发者工具中，点击右上角三个垂直点旁边的齿轮。 （注意：如果使用旧版本的谷歌浏览器，点击右上角的三个垂直圆点，然后选择“设置F1”）。 “恢复默认值并重新加载”按钮位于右下角。

另请注意，它确实会恢复默认值 - 您会丢失所有以前保存的断点，并且您在开发人员工具中打开的任何文件都将被关闭。

我的解决方案来自： Chrome javascript debugger breakpoints don't do any?

Answer 2

F8 有两个功能。 1. 跳过下一个断点， 2. 在浏览器执行代码的地方停止。 即使您没有设置断点，这也有效。 例如，当您忘记停用断点时发送垃圾邮件 F8 可能会导致浏览器在任何地方停止。

当您转到调试器快捷方式时，您可以看到 F8 具有暂停/继续的功能。 但遗憾的是，您似乎无法将它们拆分为两个不同的键绑定。

因为我知道这个功能，所以我再也没有遇到过这个“错误”。

Answer 3

只需禁用缓存并重新加载页面，断点将再次显示

Answer 4

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

Answer 5

我可以通过更新 Chrome 来解决这个问题。 我认为版本无关紧要，只是更新过程会重置所有已存储在缓存中的断点。

Answer 6

我发布这个答案是为了帮助像我这样错过了关于幻像断点行为原因的重要线索的人。 就我而言，这是“用户错误”——我的。 根本原因是一个被遗忘的“调试器”； JavaScript 文件中的语句，该文件本身是从 TypeScript 生成的。我已经删除了调试器； 来自本地 TypeScript 的语句，在本地主机上运行和测试没有问题。 但是我已经将带有声明的版本推送到远程，并且它在存在声明的情况下构建并发布到我们的开发站点。 开发站点构建不包括 TypeScript 源文件。 当调试器语句被命中时，Chrome 尝试加载 .ts 源并显示“无法加载内容...”我只是假设它处于断点（我在测试期间设置了很多）。 当我看到“无断点”时，我认为 Chrome 遇到了该线程中解决的问题。 如果我费心查看调用堆栈跟踪，我会看到 .ts 文件中的源代码行并很快弄清楚。 这是一个截图：