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

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

步骤:

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

您谈论的是<script>标记中的代码，还是HTML标记属性中的代码，就像这样?

<a href="#" onclick="alert('this is inline JS');return false;">Click</a>

无论哪种方式，像这样的调试器关键字都可以工作:

<a href="#" onclick="debugger; alert('this is inline JS');return false;">Click</a>

注意:如果开发工具没有打开，Chrome不会在调试器上暂停。

你也可以在JS文件和<script>标签中设置属性断点:

单击Sources选项卡 单击Show Navigator图标并选择文件 双击左侧空白处的a行号。相应的行被添加到Breakpoints面板(4)。

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

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

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

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

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

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

步骤:

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

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

这是Chrome 71。