ChromeでHTTP POSTをデバッグするにはどうすればよいですか。

Question

Chromeで送信されたHTTP POSTデータを見たいのですが。

データは現在メモリ内にあり、フォームを再送信することができます。

サーバーを再送信するとエラーが発生します。Chromeのメモリにあるデータを表示できますか。

Answer 1

1. Chromeデベロッパーツールに移動します（Chromeメニュー - > [その他のツール] - > [デベロッパーツール]）。
2. 「ネットワーク」タブを選択してください
3. 現在表示しているページを更新します
4. ネットワークコンソールがオンになっている間に発生したhttpクエリのリストが表示されます。左側でそれらの1つを選択してください
5. [ヘッダー]タブをクリックします

ほら！

Answer 2

HTTP POSTリクエストを Chrome DevTools でフィルタリングできます。次のようにしてください。

1. Chrome DevToolsを開きます（Cmd+Opt+I Macでは、 Ctrl+Shift+I または F12 Windowsの場合）、[ネットワーク]タブをクリックします。
2. 「フィルタ」アイコンをクリック
3. フィルタ方法を入力してください：method:POST
4. デバッグしたいリクエストを選択します
5. デバッグしたいリクエストの詳細を見る

スクリーンショット

Chromeバージョン53でテスト済み.

Answer 3

POSTリクエストのリクエストペイロードを確認するには、 Chromeのカナリア版 を使用できます。

Answer 4

他の人々はとてもいい答えをしました、しかし私は彼らの仕事を特別な開発ツールで完成させたいです。これはLive HTTP Headersと呼ばれ、あなたの Firefox と/にインストールすることができます。Chrome同じプラグインがあります this 。

それを使って作業するのは簡単です。

1. Firefoxを使用して、投稿要求を送信したいWebサイトに移動します。

2. Firefoxのメニューで[ツール] - > [Live HTTPヘッダー]

3. 新しいウィンドウがポップアップ表示され、すべてのhttpメソッドの詳細がこのウィンドウに保存されます。このステップでは何もする必要はありません。

4. Webサイトでアクティビティを実行します（ログイン、フォームの送信など）。

5. プラグインウィンドウを見てください。全て収録です。

checktheCaptureとする必要があります。