Chrome 开发工具命中代码但未命中断点

Question

我在 Chrome 开发工具上启用了断点，并且在一行上有一个断点。我知道 chrome 正在运行，因为我将断点放在包含以下语句的行上：

alert("why is this not breaking")

如果我在本地主机中找到该文件，则断点将起作用。断点过去可以在本地编辑器中运行，但现在不能了。有其他人遇到类似问题吗？

Answer 1

我也遇到了类似的问题，没有达到断点。事实证明，这是因为它是站点的部署版本，但开发工具仍然将我的本地开发文件夹映射到工作区，这意味着我打开了本地脚本文件而不是服务器上的脚本文件。解决方案是关闭打开的本地脚本，在导航器中打开正确的文件，然后设置断点。

好吧，我一开始就有点愚蠢，没有意识到这一点，但这对于其他与我有同样问题的人来说可能是一个很好的提示。

Answer 2

如果有人稍后偶然发现这一点。我还没有找到这个问题的明确答案，但我在其他一些地方找到了一些有用的信息：

Chrome 开发者工具工作区映射

Chrome 稳定版/Canary 开发工具问题 - 语法突出显示自动完成等

如果我找到真正的解决方案，我将继续更新

此处接受的答案是正确的。

Answer 3

Chrome javascript 调试器断点中的

debugger;

提示没有执行任何操作？ 帮助我找到了错误所在。

我第一次从事 Rails 项目，在我不知情的情况下，该文件有两个版本。 Rails 的“资产管道”使用

//= require foo

 语句进行导入，并且相同的 

foo

 文件也包含在其他地方。

谢天谢地，

debugger;

为我指明了正确的地方。

Answer 4

您应该在开发者页面（Chrome 中的 F12）的“源”选项卡中启用设置以在出现任何异常时停止。 （卸载其他扩展程序以帮助您仅关注有问题的扩展程序，并删除左侧面板上的缩略图）。

可能会在您设置的任何调试断点之前抛出异常。例如。如果清单文件中缺少扩展权限要求，则会在尝试使用资源但无法使用时引发异常。

Answer 5

Markus'

解决方案让我找到了一个适合我的问题的解决方案。我执行的脚本中设置了断点。这些断点没有触发 - 即使我将行 debugger;

 放入代码中也没有触发。

我添加下图来显示对我有用的解决方案：

我使用的是 Brave 浏览器 1.64.109 Chromium：123.0.6312.58（官方版本）(x86_64)。在开发者工具的“源”选项卡中，控制台搜索栏右侧的下拉列表中。选择“详细”选项后，调试器再次开始命中断点。

也许这会对某人有所帮助。