431

Chromeネットワークデバッガーは、ページにロードされたすべてのHTTPリソースの優れたビューを提供します。ただし、新しいトップレベルのHTMLページが読み込まれるたびにリストがクリアされます。これにより、何らかの理由(スクリプトの実行または300の応答)で自動的にリロードされるページをデバッグすることが非常に困難になります。

新しいトップレベルページが読み込まれたときにネットワークデバッガーをクリアしないようにChromeに指示できますか?または、戻って前のページのネットワークリソースを確認できますか?

または、リダイレクトを実行しているデバッグしようとしているページを制御していないときに、新しいページをロードする前にChromeを強制的に一時停止することはできますか?これはうまくいかないOpenIDダンスの一部であるため、SSLとクレデンシャルの組み合わせにより、コマンドラインツールを使用したデバッグが非常に困難になります。

4

4 に答える 4

606

@Daniel Alexiuc と @Thanatos のコメントのおかげで、これは v32 以降に変更されました。


現在(v32以上)

DevTools の [Network] タブの上部に、[Preserve log] 機能をオンにするためのチェックボックスがあります。オンにすると、ネットワーク ログがページの読み込み時に保持されます。

Chrome v33 DevTools ネットワーク タブ: ログを保存

左側の小さな赤い点には、ネットワーク ログのオンとオフを完全に切り替える目的があります。


古いバージョン

古いバージョンの Chrome (ここでは v21) では、[ネットワーク] タブのフッターにクリック可能な小さな赤い点があります。

Chrome v22 DevTools Network タブ: ナビゲーション時にログを保持

その上にカーソルを合わせると、アクティブ化されたときに「ナビゲーション時にログを保持」することが通知されます。それは約束を保持します。

于 2012-09-05T13:30:20.137 に答える
206

Chrome でネットワーク デバッガーを強制的にクリアしないようにする方法はわかりませんが、これで目的が達成される可能性があります。

  1. js コンソールを開く
  2. window.addEventListener("beforeunload", function() { debugger; }, false)

これにより、ブレークポイントにヒットして、新しいページをロードする前にクロムが一時停止します。

于 2012-08-14T05:09:05.967 に答える
39

他のページにリダイレクトする前にネットワーク呼び出しをデバッグするもう 1 つの優れたソリューションは、beforeunloadイベント ブレーク ポイントを選択することです。

このようにして、フローを別のページにリダイレクトする直前に確実に中断することができます。このようにして、すべてのネットワーク呼び出し、ネットワーク データ、およびコンソール ログが残っています。

このソリューションは、呼び出しの応答を確認する場合に最適です。

Chrome beforeunload イベントのブレークポイント

PS:特定の呼び出しまたは任意の呼び出しの 直前に停止する場合は、XHR ブレーク ポイントを使用することもできます (画像の例を参照)。XHR ブレークポイント

于 2018-07-12T03:11:34.460 に答える
26

@bfncsの回答を更新するだけです

Chrome 43 あたりで動作が少し変更されたと思います。表示するには Preserve log を引き続き有効にする必要がありますが、読み込まれたドキュメントが Doc の下に表示されると、リダイレクトが Other タブの下に表示されるようになりました。

多くのネットワーク リクエストがあり、XHR、Doc、JS などのタイプでフィルタリングするため、これは常に私を混乱させます。しかし、リダイレクトの場合、[Doc] タブは空なので、推測する必要があります。

于 2016-07-19T16:27:24.563 に答える