谷歌浏览器 - 无法在<script>标记</script>中调试我的脚本

Question

在IE中我可以设置断点并调试就好了。

在Chrome中我可以查看脚本，但我没有选择在代码中设置断点，也没有“脚本”选项卡可以导航到调试。我糊涂了。 （多次重启chrome）。我还尝试设置“调试器”;代码中有标记，但在Chrome中无效。

Answer 1

我发现以下内容（在Chrome 21.0.1180.79中）：

打开开发工具（ctrl + shift + i），然后单击“Sources”选项卡。注意灰色条中的小右箭头，如果单击此按钮，它将显示所有加载的.js文件。

这就是诀窍。刷新页面（F5），现在本节中提供了所有内联脚本，因此您可以随意设置断点：）

Answer 2

在脚本中添加@sourceUrl注释。然后，Chrome会在Chrome DevTools的“脚本/来源”标签中列出该脚本。

在HTML5Rocks上有一篇关于@sourceUrl的非常好的文章：http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl

即使评论名为@ source * Url *，您也可以将任何内容添加为网址。它只需要是一个人类可读的字符串，您将用它来在脚本列表中找到您的脚本。