すべてのXHRリクエストをキャッチしてオーバーライドする方法ネイティブリクエスト

Question

従来のソリューションは、ユーザーjsでxhrのみをキャッチします。 Xhr.prototypeのオーバーライドを試みましたが、ネイティブのxhr要求に影響しません。

すべてのxhrリクエスト（すべてのフェッチリクエスト）を捕まえたい[chrome devtoolのネットワークタブに表示されたすべてのリクエスト]が読み込まれた後。

その他の例：ビデオ用 <video src="aaa.mp4"> //ブラウザのネイティブの要求と私はwindow.XMLHttpRequest =未定義、ブラウザが要求できる設定けれども、我々はdevtool で参照してください。しかし、私は未定義のためにxhr要求をすることはできません。

XHRを上書きすると、サーバーに問い合わせることなくカスタム応答を生成できます。

Answer 1

ブラウザの独自のネットワーク要求は、XHRを通じて行われません。

あなたの目標は、ページのブラウザのネットワーク要求のすべてを傍受する場合は、それを行うためにサービスワーカーを使用する必要があるだろう（spec | MDNを）。