如何在Google Chrome的内联Javascript中设置断点？

javascript google-chrome debugging

2022-08-30 00:40:58

当我在Google Chrome中打开开发人员工具时，我看到了各种功能，如配置文件，时间线和审计，但是诸如能够在js文件以及html和javascript代码中设置断点之类的基本功能丢失了！我试图使用javascript控制台，它本身就是错误的 - 例如，一旦遇到JS错误，除非我刷新整个页面，否则我无法摆脱它。有人可以帮忙吗？

答案 1

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

<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 不会在 s 处暂停。debugger

您还可以在 JS 文件和标记中设置属性断点：<script>

单击源选项卡
单击显示导航器图标，然后选择一个文件
双击左边距中的 a 行号。相应的行将添加到“断点”面板（4）中。

enter image description here

答案 2

使用“源”选项卡，可以在那里用 JavaScript 设置断点。在其下方的目录树中（带有向上和向下箭头），您可以选择要调试的文件。您可以通过按同一选项卡右侧的“恢复”来摆脱错误。