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

Question

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

Answer 1

你说的是 <script> 内的代码吗？标签，或者在HTML标签属性中，像这样？

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

无论如何，the debugger keyword这样就可以了:

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

注意 Chrome 不会在 debugger 处暂停s 如果开发工具没有打开。

---

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

1. 点击来源标签
2. 单击显示导航器图标并选择文件
3. 双击左边空白处的行号。 Breakpoints 面板 (4) 中添加了相应的行。