这是上文Rian Schmits回答的延伸。在我的例子中，我在JavaScript代码中嵌入了HTML代码，除了HTML代码，我看不到其他任何东西。也许Chrome调试已经改变了多年，但右键单击源/源选项卡给我添加文件夹到工作区。我可以添加我的整个项目，这让我可以访问我所有的JavaScripts。你可以在这个链接中找到更多细节。我希望这能帮助到一些人。

使用Visual Studio(2012)我有同样的问题，切换到IIS Express解决了问题!

脚本标记的type属性没有被考虑在内。

由于某些原因，Visual Studio开发服务器没有提供Chrome启用断点所需的一切。

如果你看不到“脚本”选项卡，请确保你启动Chrome时设置了正确的参数。当我用参数——remote-shell-port=9222启动Chrome调试服务器端JavaScript时，我遇到了这个问题。我没有问题，如果我启动Chrome没有参数。

我遇到了这个问题，但是我的内联函数是在一个angularJS视图中。因此，在加载时，我无法访问内联脚本来添加调试，因为只有index.html在调试器的sources选项卡中可用。

这意味着，当我打开特定的视图与我的内联(没有选择在这)是不可访问的。

我能击中它的唯一方法是把一个错误的函数或调用内联JS函数。

我的解决方案包括:

function doMyInline(data) {
        //Throw my undefined error here. 
        $("select.Sel").debug();

        //This is the real onclick i was passing to 
        angular.element(document.getElementById(data.id)).scope().doblablabla(data.id);
    }

这意味着当我点击我的按钮，我就会在chrome控制台提示。

Uncaught TypeError: undefined is not a function 

这里重要的事情是它的来源:VM5658:6单击它可以让我遍历内联并将断点保留在那里以供以后使用。

极其复杂的到达方式。但是当处理动态加载视图的单页应用程序时，它是有用的。

虚拟机[n]无显著值，n on等于脚本ID。此信息可以在这里找到:Chrome“[VM]”

使用sources选项卡，可以在那里用JavaScript设置断点。在它下面的目录树中(其中有上下箭头)，您可以选择要调试的文件。您可以通过按下同一选项卡右侧的resume来摆脱错误。

你必须将type="text/javascript"添加到脚本块中，以便将它们作为脚本拾取。例如: <script type="text/javascript">…你的代码在这里…> < /脚本