有些浏览器已经实现了一个版本的尚未规范，资源定时API，你可以收集一些信息。

某些浏览器可能会将其中一些信息提供给浏览器扩展作为其开发人员工具支持的一部分，但这需要安装自定义扩展，而不是可以从常规网页完成的操作。

对于您控制调用代码或知道调用代码的非常具体的操作，可以检测一些东西。例如，如果您知道所有 ajax 调用都通过一个特定的函数，您可以挂钩该函数及其完成处理程序并监视所有 ajax 调用。

您可以使用Resource Timing API 获取有关正在您网站上加载的每个资源的所有相关信息（域查找、缓存命中、重定向等）。

你可以在这里阅读它。还有一个书签可以使用此 API 生成页面加载瀑布。

Resource Timing API 在 Chrome、Chromium、Chrome Mobile 和 IE10 中可用。Firefox 团队似乎正在研究它。

据我了解，您可以通过 JavaScript 查看请求列表。它是？“我不知道怎么。”

但是可以提供帮助的一种解决方案是...

您可以使用以下代码拦截所有申请。如果您的 JavaScript 在加载页面的早期运行，您将能够从列表中获取大部分请求。

看看这篇文章有多酷。

XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(value) {
    this.addEventListener("progress", function(){
        console.log("Loading. Here you can intercept...");
    }, false);
    this.realSend(value);
};

我已经使用Resource Timing API编写了代码

function captureNetworkRequest(e) {
    var capture_network_request = [];
    var capture_resource = performance.getEntriesByType("resource");
    for (var i = 0; i < capture_resource.length; i++) {
        if (capture_resource[i].initiatorType == "xmlhttprequest" || capture_resource[i].initiatorType == "script" || capture_resource[i].initiatorType == "img") {
            if (capture_resource[i].name.indexOf('www.demo.com OR YOUR URL') > -1) {
                capture_network_request.push(capture_resource[i].name)
            }
        }
    }
    return capture_network_request;
}

您可以获得页面加载时要发出的请求的 URL，但检索有关加载时间的任何类型的统计数据都是不切实际的。进行此类资源请求的查询元素，例如script,link或img。

例如：

var urls = Array.prototype.map.call(
    document.querySelectorAll("link, img, script, iframe"), // Elements which request external resources
    function(e) { // Loop over and return their href/src
        return e.href || e.src; 
    }
);