如何使用JavaScript存储＆＃34; XHR完成加载＆＃34; 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方法，该函数会向XHR请求添加load和error个侦听器。当请求完成或出错时，这些函数可以访问与method方法一起使用的url和open变量。

您可以使用method和url执行更有用的操作，而不是根据需要将其传递到console.log。

Answer 2

可能是dublicate How to read from Chrome's console in JavaScript