javascript - 如何在 Chrome 中调试 RequreJS 检索到的脚本

Question

我正在使用第三方插件，它使用 RequireJS 调用脚本。我想调试例如在这些脚本中设置断点，但它们没有出现在 Chrome 开发人员工具的脚本选项卡中。

无论如何我可以在chrome中执行调试吗？

Answer 1

调试使用 RequireJS 加载的模块的唯一困难是，如果仅在条件 X 发生时才加载模块，并且在首次加载应用程序时该条件不存在，则必须等到条件发生才能在模块上设置断点代码。

例如，如果您想调试bar模块中的函数foo并foo像这样加载：

if (X) {
    require(["foo"], function (foo) {
        foo.bar();
    });
}

您必须先触发条件X，然后才能开始在foo.bar. 最有可能的是，您希望在foo.bar()调用的位置放置一个断点，以便您有机会在foo.bar.

在 Chrome 和 Firefox 中确实如此，并且可能在其他提供调试工具的浏览器中也是如此。