visualizar read organizador online chrome ajax json google-chrome view tree

ajax - organizador - read json file



Google Chrome muestra la respuesta JSON AJAX como árbol y no como texto sin formato (8)

No puedo encontrar una respuesta a esta:

Mis llamadas AJAX devuelven datos JSON. En Herramientas para desarrolladores de Google Chrome> Recursos> XHR, cuando hago clic en el recurso a la izquierda y luego en la pestaña Contenido, veo la cadena JSON como una cadena y no como un árbol como lo hacen Firebug y Firebug Lite.

¿Cómo fuerzo a Chrome para mostrarlo como un árbol? ¿Hay un tipo de contenido que mi archivo PHP debe tener ???

¡Me gustaría saber la respuesta!

Gracias Stefanos


El tipo de contenido correcto para los datos JSON es application/json . Supongo que eso es lo que te estás perdiendo.


Encontré la respuesta:

DEBE codificar su JSON así: {"c":21001,"m":"p"} pero no {c:21001,m:"p"} o {''c'':21001,''m'':''p''}

Por lo tanto, la clave de un dictado debe estar entre comillas dobles: " , luego Chrome lo previsualizará como json en lugar de como texto sin formato.


Hubo un problema con una construcción de Google Chrome Dev build 24.0.1312.5 que causó que el panel de vista previa ya no mostrara un árbol de objetos json sino texto plano. Debería ser arreglado en el siguiente desarrollo

Vea más aquí: http://code.google.com/p/chromium/issues/detail?id=160733



No estoy seguro de si Chrome ha agregado esta función desde la última respuesta, pero pude ver la respuesta json por ...

  • abrir herramientas de desarrollador en el navegador mientras está en la página con la solicitud
  • enviando la solicitud
  • en herramientas para desarrolladores - pestaña "Consola" - haga clic en el árbol "Objeto" debajo del recurso para expandir

... Pude ver la respuesta como una jerarquía legible que mostraba qué preguntar y qué devuelve. (Ni la pestaña Red ni Recursos tuvieron algo útil que pude encontrar).

Feliz solicitud!


Para que muestre el mensaje JSON correctamente, debe tener el tipo de mime "application / json" y estar correctamente estructurado.

Puedes consultar la estructura here


Para ver una vista en árbol en versiones recientes de Chrome:

Vaya a Herramientas del desarrollador> Red> la respuesta dada> Vista previa


Google Chrome ahora es compatible con esto ( Developer Tools > Network > [XHR item in list] Preview ).

Además, puede usar una herramienta de terceros para formatear el contenido de json. Here uno que presenta una vista en árbol, y here otro que simplemente formatea el texto (y hace la validación).