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

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

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

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

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

我也有同样的问题，如何调试JavaScript是在<script>标签。但后来我在Sources选项卡下找到了它，名为“(index)”，带圆括号。单击行号以设置断点。

这是Chrome 71。

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

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

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

步骤:

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