requirejs - 如何使用 FF 或 Chrome 检查加载 RequireJS 的 JS 文件？

Question

目标

我正在尝试剖析使用 RequireJS 加载其源代码的客户端应用程序。

正如预期的那样，该应用程序加载了一个主 JS 文件，该文件需要（）和定义（）其他模块。主 JS 文件在 Chrome 的开发工具 --> 资源中可见。所有随后加载的模块都不是。

如何以类似于查看脚本标签加载的 JS 文件的方式查看作为 RequireJS 模块加载的 JS 文件？

score 1 · Accepted Answer

查看Sources选项卡，您将找到所有已加载的文件。也许您必须单击show navigator源窗口左上角的小图标。

score 1 · Accepted Answer

恐怕您将能够看到任何 JS 文件，因为您尝试调试的客户端应用程序似乎是 RequireJS 的优化版本。

RequireJS 优化器是一种将所有 define() 和 require() 脚本组合到单个文件中的工具，这有助于减少服务器端调用，或者就此而言，只有一次调用服务器端。把它想象成大多数标准库的缩小版

score 0 · Accepted Answer

当我加载一个 .js 文件时，我遇到了同样的问题

$("#element").load("thisIsMyJsFile.js");

我想在chrome的“sources”中调试“thisIsMyJsFile.js”。
在“thisIsMyJsFile.js”文件中添加这一行：

//# sourceURL=browsertools://thisIsMyJsFile.js

用您的文件名更改“thisIsMyJsFile.js”。
当您检查元素时，
它将显示在源代码中。