web-dev-qa-db-ja.com

プラグインなしでPOST request in chrome devtoolsからリクエスト本文を抽出する最も簡単な方法

プラグインをインストールせずにChrome開発ツールでリクエスト本文からJSONを抽出する最も簡単な方法は何ですか。ネットワークタブでリクエストとレスポンスを確認できますが、リクエストからJSONを抽出するにはどうすればよいですか?体。

私が期待していること:Chromeで、リクエストを検査するときの開発ツールバーの下に、form-dataが表示されます。この下にソースを表示ボタンがあります。これには、URLエンコードされたフォームデータがあります。それをJSONにデコードし、文字列化された結果をコンソールに出力できるかどうか。

5
OpenStack
  1. ネットワーク-ヘッダー-ソースの表示に移動するだけです。
  2. 次に、JSONをコピーして、jsonformaterに貼り付けます。たとえば formatter online またはyour IDE formatter

@fekleeによるより詳細な回答: https://stackoverflow.com/a/9163566/5282202

Simply go to Network => Headers => view source

5

[ネットワーク]タブをクリックすると、すべてのリクエストとその応答が表示されます。いずれかをクリックし、[ヘッダー]タブをクリックします。 「フォームデータ」が表示されるまで下にスクロールすると、そこから情報をコピーして貼り付けることができます。

これがajax呼び出しの場合は、[ソース]タブを使用して、AJAXリクエストが行われるクライアントスクリプトの部分を見つけて、ブレークポイントを設定できる場合があります。ブレークポイントに到達したら、[コンソール]タブを使用して、これから行われるxhrリクエストを「スニッフィング」し、console.log(myXhrRequest)を使用して必要な情報を取得できます。

4
MBurnham