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

Question

目标

我试图剖析一个使用RequireJS加载其源代码的客户端应用程序。

问题

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

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

Answer 1

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

Answer 2

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

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

Answer 3

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

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

我想调试"；thisIsMyJsFile.js"；在"；来源"；铬
在"；thisIsMyJsFile.js"；文件：

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

改变"；thisIsMyJsFile.js"；使用您的文件名
和
当您检查元素时，它将显示在源中。