Google Chromeデベロッパーツールウィンドウの[ネットワーク]タブには、行われたほとんどすべてのhttpリクエストが表示されますが、httpリクエストによってファイルがダウンロードされる場合、何もキャプチャされないようです。
Google Chromeでダウンロードリクエストをキャプチャするにはどうすればよいですか?
Google Chromeが更新され、[ネットワーク]タブでのダウンロードがサポートされるようになりました
この質問は2018年2月に行われたもので、Google Chrome=は[ネットワーク]タブでのダウンロードをサポートしていませんでした。
これを確認するには、Google Chromeの64.0.3282.140
ビルドをダウンロードします。
次に、例としてSpotifyをダウンロードしようとしたところ、ネットワークタブにイベントが表示されませんでした。
すべてのGoogle Chrome 2019以降にリリースされたバージョンでは、すべてのダウンロードリクエストが[ネットワーク]タブにキャプチャされます。
新しいウィンドウを開いて、ファイルのダウンロードが行われていることを確認します。開発者ツールのネットワークタブは、現在のタブのリクエストのみをキャプチャします。
たとえば、次のリンクはファイルをダウンロードしますが、ネットワークタブには表示されません。
<a href="/yourfile.doc" target="_blank">Click Here to Download file</a>
(window.open、ダイナミックハイパーリンク/ iframe)を使用するJavaScriptを使用して同様のタイプのことを行うことができますが、ネットワークタブには表示されません。
チェックできるさまざまなJavascriptアプローチ ここ
私は過去に同様の行動を観察しました。
古いバージョンのchromeでchrome://net-internals
を確認し、新しいバージョンのchromeでchrome://net-export/
を確認して、あらゆるタイプのリクエストを監視できます。クロムのインスタンス/タブによって作成されています。
注:クロムのURLボックスにchrome://net-export/
と入力すると、chromeの内部イベントを確認できます。