web-dev-qa-db-ja.com

リダイレクトでChromeのネットワークデバッガを使用する方法

Chromeネットワークデバッガを使用すると、ページにロードされているすべてのHTTPリソースを把握できます。しかし、それは新しいトップレベルのHTMLページがロードされるときはいつでもリストをクリアします。これにより、何らかの理由で自動的にリロードされるページをデバッグすることが非常に困難になります(実行中のスクリプトまたは300の応答)。

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

デバッグしようとしているページを制御していないときにリダイレクトを実行しているときに、新しいページを読み込む前にChromeを一時停止させることはできますかこれはOpenIDダンスの一部であり、失敗しています。そのため、SSLと資格情報を組み合わせると、コマンドラインツールでデバッグすることが非常に困難になります。

328
Leopd

@Daniel Alexiucと@Thanatosのコメントに感謝します。


現在の(≥v32)

DevToolsの[ネットワーク]タブの上部に、[ログ保存]機能を有効にするチェックボックスがあります。チェックした場合、ネットワークログはページロード時に保存されます。

Chrome v33 DevTools Network Tab: Preserve Log

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


古いバージョン

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

Chrome v22 DevTools Network Tab: Preserve Log Upon Navigation

その上にマウスを置くと、アクティブになったときに「ナビゲーション時にログを保存する」というメッセージが表示されます。それは約束を持っています。

461
bfncs

Chromeにネットワークデバッガをクリアさせない方法を私は知らないが、これはあなたが探しているものを達成するかもしれない:

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

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

148
Matt York

@ bfncs回答を更新するだけ

Chrome 43を中心に、動作が少し変更されたと思います。ログを保存するを有効にする必要がありますが、ロードされたドキュメントがDocの下に表示されている場合は、Otherタブの下にリダイレクトが表示されるようになりました。

これはいつも私を混乱させます。なぜなら私はたくさんのネットワークリクエストを持っていて、XHR、Doc、JSなどのタイプでそれをフィルターにかけるからです。

22
s-f

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

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

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

Chrome beforeunload event break point

追伸:また、右に停止したい場合はXHRブレークポイントを使用できますbefore特定の呼び出しまたは呼び出し(画像例を参照) XHR break point

16
Ofear