当我在谷歌Chrome中打开开发人员工具时，我看到了各种各样的功能，如配置文件，时间线和审计，但基本功能，如能够在js文件和html和javascript代码中设置断点是缺失的!我尝试使用javascript控制台，它本身就有bug——例如，一旦遇到JS错误，除非刷新整个页面，否则我无法摆脱它。有人能帮忙吗?
当前回答
我也有同样的问题，如何调试JavaScript是在<script>标签。但后来我在Sources选项卡下找到了它，名为“(index)”，带圆括号。单击行号以设置断点。
这是Chrome 71。
其他回答
我也有同样的问题，如何调试JavaScript是在<script>标签。但后来我在Sources选项卡下找到了它，名为“(index)”，带圆括号。单击行号以设置断点。
这是Chrome 71。
如果你看不到“脚本”选项卡，请确保你启动Chrome时设置了正确的参数。当我用参数——remote-shell-port=9222启动Chrome调试服务器端JavaScript时，我遇到了这个问题。我没有问题，如果我启动Chrome没有参数。
使用sources选项卡，可以在那里用JavaScript设置断点。在它下面的目录树中(其中有上下箭头)，您可以选择要调试的文件。您可以通过按下同一选项卡右侧的resume来摆脱错误。
对于像我这样的人:只是想
(添加断点)调试正常的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)。
