237

Chromeで送信されたHTTPPOSTデータを表示したいのですが。

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

再送信するとサーバーがエラーをスローすることを知っています。とにかくChromeのメモリにあるデータを表示できますか？

4

8 に答える 8

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

出来上がり！

ここに画像の説明を入力してください

于 2013-03-24T20:55:08.423 に答える
169

ChromeDevToolsを使用してHTTPPOSTリクエストをフィルタリングできます。次の手順を実行してください。

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

スクリーンショット

Chrome DevTools

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

于 2016-09-23T13:05:19.657 に答える
14

ChromeのCanaryバージョンを使用して、POSTリクエストのリクエストペイロードを確認できます。

ペイロードを要求する

于 2015-08-25T08:51:26.573 に答える
8

役立つ可能性のあるもう1つのオプションは、専用のHTTPデバッグツールです。利用可能なものがいくつかあります。HTTPToolkitをお勧めします。これは、同じ問題を自分で解決するために取り組んできたオープンソースプロジェクトです（ええ、偏見があるかもしれません）。

主な違いは、使いやすさとパワーです。Chrome開発ツールは単純なものに適しているので、そこから始めることをお勧めしますが、そこでの情報を理解するのに苦労していて、より多くの説明またはより強力なものが必要な場合は、適切な焦点を絞ったツールが役立ちます！

この場合、使いやすいエディターとハイライト（すべてVS Codeを使用）を備えた、探しているPOST本文全体が表示されるので、掘り下げることができます。もちろん、リクエストとレスポンスのヘッダーが表示されますが、表示されるすべての標準ヘッダーとステータスコードについて、MDN（Mozilla Developer Network）のドキュメントなどの追加情報が含まれています。

写真は千のStackOverflowの答えの価値があります：

POSTリクエストとその本文を示すHTTPToolkitのスクリーンショット

于 2019-09-13T18:43:32.813 に答える
1

トリッキーな状況があります。投稿フォームを送信すると、Chromeはリクエストを送信するための新しいタブを開きます。今までのところですが、ファイルをダウンロードするイベントがトリガーされると、このタブはすぐに閉じて、開発ツールでこのリクエストをキャプチャできなくなります。

解決策：投稿フォームを送信する前に、ネットワークを切断する必要があります。これにより、リクエストを正常に送信できなくなり、タブが閉じられなくなります。そして、Chrome Devtoolでリクエストメッセージをキャプチャできます（必要に応じて新しいタブを更新します）

于 2019-03-16T13:49:28.927 に答える
1

必要なのは[ネットワーク]タブだけです...

ここに画像の説明を入力してください

于 2021-03-27T01:47:22.207 に答える
1

Chrome96DevToolsの[ネットワーク]タブ。

リクエストをクリックすると、フォームデータを表示する[ペイロード]タブが表示されます。

ここに画像の説明を入力してください

データは、URLエンコード/デコードされたものとして表示できます。

！[ここに画像の説明を入力してください

データをソース/解析済みとして表示できます。

ここに画像の説明を入力してください

メソッドがGETの場合でも、ペイロードをクエリ文字列パラメータとして表示できます。

ここに画像の説明を入力してください

于 2021-11-21T10:56:37.917 に答える
0

他の人たちはとてもいい答えをしてくれましたが、私は彼らの仕事を追加の開発ツールで完成させたいと思います。これはライブHTTPヘッダーと呼ばれ、 Firefoxにインストールできます。Chromeには、このような同じプラグインがあります。

作業はとても簡単です。

  1. Firefoxを使用して、投稿リクエストを取得するWebサイトに移動します。

  2. Firefoxメニューの[ツール] ->[ライブHTTPヘッダー]

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

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

  5. プラグインウィンドウを見てください。すべて記録されています。

キャプチャを確認する必要があることを忘れないでください。

ここに画像の説明を入力してください

于 2017-11-05T15:05:22.197 に答える