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

时间:2013-12-04 20:43:46

标签: javascript debugging google-chrome google-chrome-devtools

我在chrome dev工具上启用了断点,并且我在一行上有一个断点。我知道chrome正在使用该行,因为我将断点放在具有以下语句的行上:alert("why is this not breaking")如果我在localhost中找到该文件,则断点有效。断点用于在本地编辑器中运行,但现在他们不会。还有其他人有过类似的问题吗?

4 个答案:

答案 0 :(得分:19)

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

好吧,我首先没有意识到它有点愚蠢,但对于遇到与我同样问题的其他人来说,这可能是一个很好的记录。

答案 1 :(得分:2)

任何人都应该偶然发现这一点。我还没有找到这个问题的确切答案,但这些是我发现一些有用信息的其他信息:

Chrome developer tools workspace mappings

Chrome Stable/Canary Dev Tools Issues - Syntax Highlighting Auto-Complete etc

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

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

答案 2 :(得分:0)

Chrome javascript debugger breakpoints don't do anything?中的debugger;小费帮助我找到了我的错误。

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

谢天谢地,debugger;把我指向了正确的位置。

答案 3 :(得分:0)

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

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