Chrome Dev Tools命中代码而不是断点

Question

我在chrome dev工具上启用了断点，并且我在一条线上有一个断点。 我知道chrome正在线上，因为我把断点放在一行上有以下语句： alert("why is this not breaking")如果我在localhost中找到该文件，断点就会起作用。 断点用于在本地编辑器中运行，但现在他们不会。 有没有其他人有类似的问题？

Answer 1

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

好吧，我有点愚蠢没有意识到它，但这可能是一个很好的记录，其他任何人都有与我相同的问题。

Answer 2

以后有人会偶然发现这个。 我还没有找到这个问题的明确答案，但这些是我发现一些有用的信息的其他一些：

Chrome开发人员工具工作区映射

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

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

接受的答案在这里是正确的。

Answer 3

debugger; Chrome中的提示javascript调试器断点不做任何事情？ 帮我找到了我的错误所在。

我是第一次在Rails项目上工作，并且在我不知道的情况下有两个版本的文件。 Rails的“资产管道”使用//= require foo语句导入，同样的foo文件也包含在其他地方。

debugger; 谢天谢地，我把它指向了正确的地方。

Answer 4

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

可能会比您设置的任何调试断点更早抛出异常。 例如，如果清单文件中缺少扩展权限要求，则一旦尝试使用该资源但不能引发异常。