js监听页面所有网络请求

要在JavaScript中监听所有网络请求，可以使用XMLHttpRequest对象或fetch函数来实现。下面是一个示例代码，演示如何监听页面所有网络请求：

// 使用XMLHttpRequest对象3
var originalXHR = window.XMLHttpRequest;
function newXHR() {
    var xhr = new originalXHR();
    xhr.addEventListener("load", function() {
        console.log("发起了网络请求：" + xhr.responseURL);
    });
    return xhr;
}
window.XMLHttpRequest = newXHR;

// 使用fetch函数
var originalFetch = window.fetch;
function newFetch(input, init) {
    return originalFetch(input, init).then(function(response) {
        console.log("发起了网络请求：" + response.url);
        return response;
    });
}
window.fetch = newFetch;

在上面的示例代码中，我们重写了XMLHttpRequest对象和fetch函数，并添加了监听请求的逻辑。

当通过XMLHttpRequest对象或fetch函数发起网络请求时，会触发相应的事件，并输出请求的URL。

请注意，以上代码需要在网页的JavaScript环境中运行，并且需要在所有其他脚本之前加载，以确保能够正确地截获所有网络请求。

此外，由于重写了全局的XMLHttpRequest对象和fetch函数，可能会影响其他依赖于它们的代码，所以需要谨慎使用。