即使资源选项卡中存在javascript，也无法将断点设置为脚本

Question

我想在脚本'bootstrap-tokenfield.js'中设置一个断点到第111行，以便进行调试，如附图所示。

您可以看到资源中存在javascript。

为什么chrome不让我？

Answer 1

您可以通过查看Chrome中开发者工具的“来源”标签中的来源来设置断点。

Answer 2

1. 将debugger保留在您要调试的函数
上
2. 现在打开Chrome并打开“来源”标签
3. 现在尝试重新加载页面，页面将出现在调试模式中 那时。

Answer 3

只需点击行号即可添加断点

Answer 4

debugger语句调用任何可用的调试功能，例如设置断点。如果没有可用的调试功能，则此语句无效。

<强>语法

debugger;

以下示例显示已插入调试器语句的代码，以在调用函数时调用调试器（如果存在）。

function potentiallyBuggyCode() {
    debugger;
    // do potentially buggy stuff to examine, step through, etc.
}

调用调试器时，会在调试器语句处暂停执行。它就像是脚本源中的断点。

<强>参考

• https://developer.mozilla