对于像我这样的人:只是想

(添加断点)调试正常的js代码 < >脚本…</script>内部/嵌入HTML

步骤:

来源->页面->顶部->找到你的html ->点击->右侧显示html和js脚本->添加断点->调试

在脚本选项卡上打开开发人员工具时，刷新包含脚本的页面。这将在文件列表中添加一个(程序)条目，显示页面的html(包括脚本)。从这里可以添加断点。

对于像我这样的人:只是想

(添加断点)调试正常的js代码 < >脚本…</script>内部/嵌入HTML

步骤:

来源->页面->顶部->找到你的html ->点击->右侧显示html和js脚本->添加断点->调试

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

调试ajax返回的html内部脚本的另一个直观的简单技巧是临时将console.log("test")放在脚本中。

触发事件后，打开开发人员工具中的控制台选项卡。 您将看到源文件链接显示在"test"调试打印语句的右侧。只需单击源代码(类似VM4xxx)，现在就可以设置断点了。

附注:此外，你可以考虑把“调试器”声明，如果你正在使用chrome，就像什么是由@Matt球的建议

我遇到了这个问题，但是我的内联函数是在一个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]”