javascript - 如何使用 JavaScript 将 "XHR finished loading"消息存储在 Chrome 的控制台中？

Question

我正在寻找一种使用 JavaScript 来存储执行 xmlhttprequests 时出现在 Chrome 控制台中的调试消息的方法。下面提供了示例输出:

提前致谢!

Answer 1

您无法从 JavaScript 读取控制台消息。您将无法阅读这些消息。

但是，使用与 John Culviner 相同的一般概念的回答Add a “hook” to all AJAX requests on a page ，您可以检测 JavaScript 中导致这些消息出现的事件。

(function() {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function(method, url) {
        this.addEventListener('load', function() {
            console.log('XHR finished loading', method, url);
        });

        this.addEventListener('error', function() {
            console.log('XHR errored out', method, url);
        });
        origOpen.apply(this, arguments);
    };
})();

这会使用一个新函数覆盖每个 XHR 对象的 open 方法，该函数将 load 和 error 监听器添加到 XHR 请求。当请求完成或出错时，函数可以访问与 open 方法一起使用的 method 和 url 变量。

如果您愿意，您可以使用 method 和 url 做一些比简单地将它们传递到 console.log 更有用的事情。