web-dev-qa-db-ja.com

Google Chromeは、JSON AJAX応答をプレーンテキストではなくツリーとして表示します

これに対する答えが見つかりません：

AJAX呼び出しはJSONデータを返します。 Google Chrome Developer Tools> Resources> XHRでは、左側のリソースをクリックしてから[コンテンツ]タブをクリックすると、JSON文字列がFirebugやFirebug Liteのようなツリーではなく文字列として表示されます。

Chromeを強制的にツリーとして表示するにはどうすればよいですか。 PHPファイルに必要なコンテンツタイプはありますか？

答えを知りたいです！

ありがとうステファノス

ajaxjsongoogle-chromeviewtree
185
GRboss

Chromeの最新バージョンでツリービューを表示するには：

開発者ツール>ネットワーク>指定された応答>プレビューに移動します

361
Matt McClure

Google Chromeはこれをサポートするようになりました（Developer Tools > Network > [XHR item in list] Preview）。

さらに、サードパーティのツールを使用してjsonコンテンツをフォーマットできます。 Here はツリービューを表示するものであり、 here はテキストを単にフォーマットする（および検証する）別のものです。

50
Trevor

JSONデータの正しいコンテンツタイプはapplication/jsonです。私はそれがあなたが欠けているものだと思います。

5
Quentin

JSONメッセージを適切に表示するには、「application/json」MIMEタイプを持ち、正しく構造化されている必要があります。

構造を確認できます here

3
Mariana B.

私は答えを見つけました：

次のようにjsonをエンコードする必要があります：{"c":21001,"m":"p"}。ただし{c:21001,m:"p"}または{'c':21001,'m':'p'}はエンコードしないでください。

したがって、dictのキーは二重引用符で囲む必要があります："、chromeはプレーンテキストではなくjsonとしてプレビューします。

3
Bingyan Liu

Google Chrome Devビルド24.0.1312.5のビルドに問題があり、プレビューパネルにjsonオブジェクトツリーが表示されず、フラットテキストが表示されました。次の開発で修正されるはずです

詳細はこちら： http://code.google.com/p/chromium/issues/detail?id=1607

1
JeffBaumgardt

Chromeが最後の回答以降にこの機能を追加したかどうかはわかりませんが、jsonの応答を表示することができました...

  • リクエストのあるページでブラウザで開発者ツールを開く
  • リクエストを送信する
  • 開発者ツールで-「コンソール」タブ-リソースの下の「オブジェクト」ツリーをクリックして展開します

...応答は、何を要求し、何が返されるかを示す読み取り可能な階層として表示することができました。 （[ネットワーク]タブまたは[リソース]タブには、私が見つけられた有用なものは何もありませんでした。）

幸せなリクエスト！

1
Deborah

Chrome開発者ツールがXHRコンテンツをきれいに印刷するとは思わない。参照： Chrome開発者ツールによるAjax呼び出しからのHTML応答の表示？

0
lambacck

Google Chrome Extension：JSONViewを使用できます。フォーマットされたjsonの結果はすべて、ブラウザーに直接表示されます。

0
Quang Vu