Google Chrome affichage JSON, AJAX réponse, comme un arbre et non pas comme un texte brut

Je ne trouve pas de réponse à celui-ci:

Mes appels AJAX retour des données JSON. Dans Google Chrome Developer Tools > Ressources > XHR quand je clique sur le ressources sur la gauche puis sur l'onglet Contenu, je vois la chaîne JSON comme une chaîne de caractères et non pas comme un arbre comme Firebug et Firebug Lite ne.

Comment puis-je la force de Chrome pour afficher comme un arbre. Est-il un type de Contenu que mon fichier PHP doit avoir???

Je serais heureux de connaître la réponse!

Merci
Stefanos

  • McClure réponse ci-dessous est la réponse!
  • J'ai également eu des problèmes à obtenir une structure à arbre lorsque les chaînes sont des guillemets simples ' à la place des guillemets doubles ", changer "pour" aidé
InformationsquelleAutor GRboss | 2010-10-08
  1. 363

    Pour voir une vue en arborescence dans les versions récentes de Chrome:

    Accédez à Outils du Développeur > Réseau > la réponse > Aperçu

    • Totalement abstraction de la "Preview" de l'onglet et était à la recherche à la "Réponse" de l'onglet. Merci!
    • Mais je pense que pour l'obtenir, vous devez avoir le bon type de contenu.
    • Oui, vous avez besoin d'un valide "application/json" content-type spécifié pour chrome pour vous donner la réductible déroulante.
    • C'est en effet un peu moins intuitif, car sur l'onglet en-Têtes ils nous permettent de basculer entre les "raw" et "analysé", on pourrait donc s'attendre à ce que ils avaient les mêmes "analysé" vue sur l'onglet Réponse.
    • Je souhaite qu'il était réellement JSON au lieu d'un arbre
    InformationsquelleAutor Matt McClure
  2. 50

    Google Chrome prend désormais en charge ce (Developer Tools > Network > [XHR item in list] Preview).

    En outre, vous pouvez utiliser un outil tiers pour le format json. Icis'celui qui présente une vue d'arbre, et ici's un autre qui ne fait que des formats de texte (et de validation).

    InformationsquelleAutor Trevor
  3. 5

    Le bon content-type pour les données JSON est application/json. Je suppose que c'est ce qui vous manque.

    • Malheureusement ce n'est toujours pas la force de Chrome à son tour la chaîne JSON en arbre. Merci bien!
    InformationsquelleAutor Quentin
  4. 3

    J'ai trouvé la réponse:

    Vous DEVEZ coder votre json comme ceci: {"c":21001,"m":"p"} mais pas {c:21001,m:"p"} ou {'c':21001,'m':'p'}

    Ainsi, la clé d'un dict doivent être entourées de guillemets doubles:", puis chrome vous donnera un aperçu de ce que json plutôt que du texte brut.

    InformationsquelleAutor Bingyan Liu
  5. 3

    Pour afficher le JSON message correctement, il doit avoir "application/json" type de mime et d'être correctement structuré.

    Vous pouvez vérifier la structure ici

    InformationsquelleAutor Mariana B.
  6. 1

    Je ne suis pas sûr si Chrome, a ajouté cette fonctionnalité depuis la dernière réponse, mais j'ai été capable de voir la réponse json par...

    • ouverture développeur d'outils dans le navigateur sur la page avec la demande
    • la soumission de la demande
    • dans les outils de développement - "Console" onglet - cliquez sur "Objet" de l'arbre, en vertu de la ressource pour développer

    ...J'ai été capable de voir la réponse à la lisible de la hiérarchie qui a montré que de demander et de ce qui est retourné. (Pas de Réseau ou de l'onglet Ressources avaient quelque chose d'utile, que j'ai pu trouver.)

    Heureux demandant!

    InformationsquelleAutor Deborah
  7. 1

    Il y a un problème avec une version de Google Chrome Dev construire 24.0.1312.5 qui a causé le panneau d'aperçu de ne plus afficher un objet json arbre, mais plutôt de texte plat. Il devrait être corrigé dans la prochaine dev

    Voir plus ici: http://code.google.com/p/chromium/issues/detail?id=160733

    InformationsquelleAutor JeffBaumgardt
  8. 0

    Je ne pense pas que les outils de développement Chrome pretty print XHR de contenu. Voir:
    Affichage HTML de la réponse de l'Ajax appel à l'aide d'outils de développement Chrome?

    InformationsquelleAutor lambacck
  9. -1

    Vous pouvez utiliser Google Chrome Extension: JSONView
    Toutes formatées en json résultat s'affiche directement dans le navigateur.

    • L'OP a demandé spécifiquement sur json code affiché à l'intérieur des outils de dev.
    InformationsquelleAutor Quang Vu