javascript - 如何找出/调试将 JavaScript 加载到浏览器中的内容

Question

我集成了一个商店应用程序，该应用程序可以在 Chrome 中加载，但不能在 Firefox 中加载。现在我尝试找出其中的差异。它通过动态创建的标签动态加载多个 JavaScript 文件。我发现其中一个仅在 Chrome 中加载。但是 5 个巨大的缩小文件中的哪一个 javascript 文件加载了它呢？

我试图了解这些脚本是如何工作的，但这需要时间...查找函数名称...

目前您可以在这里看到:http://angular.lonskaya.com/recordings

在 Chrome 中加载，但在 Firefox 中不加载

Answer 1

这个是我自己想出来的，所以分享一下。也许它会对某人有所帮助。

在 Firefox 和 Chrome 中，您可以在开发工具的“网络”选项卡中选择您想了解其请求方式的 javascript 文件。

在 Firefox 中，您导航到“调用列表”选项卡:它看起来与函数调用列表非常相似，您可以从这里导航到实际行。

在 Chrome 中，您有“发起者”列，当您将鼠标悬停在该列上时，您会看到调用列表。