js监听页面所有网络请求
发布时间:
2023-09-21
预览次数:
要在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函数，可能会影响其他依赖于它们的代码，所以需要谨慎使用。
上一篇:
java 语音播报
下一篇:
Three.js中文手册