javascript - 如何捕获并覆盖每个包含 native 请求的 XHR 请求

Question

传统解决方案只能捕获用户js中的xhr。我试过 Xhr.prototype override ，它不影响原生 xhr 请求。

我想在 dom 加载后捕获所有 xhr 请求(所有获取 api 请求)[在 chrome devtool 网络选项卡中看到的每个请求]。

更多例子: <video src="aaa.mp4">//浏览器对视频的原生请求，我们在 devtool 中看到虽然我设置了 window.XMLHttpRequest = undefined，但浏览器可以请求。但由于未定义，我不能 xhr 请求。

如果我覆盖 XHR ，我可以生成自定义响应而无需询问服务器。

Answer 1

浏览器自己的网络请求根本不是通过 XHR 发出的。

如果您的目标是拦截浏览器对该页面的所有网络请求，您需要使用service worker 来做到这一点 ( spec | MDN )。