javascript - 有没有办法检测哪个脚本加载了哪个请求？

Question

为了分析我们网站上的第三方脚本，我想创建一个所有请求的概述并将它们聚集在一起。在我的研究中，我发现有一个 performanceObserver Web Api ( https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver )。这似乎已经很有用了。例如，您可以通过以下方式获得 JSON 格式的页面请求概览：

performance
        .getEntries()
        .map(entry => JSON.stringify(entry, null, 2))
        .forEach(json => console.log(json));

（来源：https ://www.w3.org/TR/performance-timeline-2/ ）

不幸的是，没有关于请求的推荐人的信息。例如，我想知道来源网址是否请求了某些内容，或者广告脚本是否请求了其他脚本。有没有办法以某种方式获取这些信息？

当使用基于webpagetest.org 的性能工具Speedcurve 并单击请求时，“加载者”下会显示此信息。我不知道是否还有一个 Web Api 或一些 JavaScript 代码。我还没有找到任何东西。

标签： javascripthtmlperformance