input.json
tree
Tree appears here after parsing.
Pega JSON y explóralo como un árbol plegable.

Relacionado

Guías para Viewer

Todas las guías →

Visor de árbol JSON interactivo

Pega cualquier documento JSON para explorarlo como un árbol plegable. Haz clic en junto a un objeto o array para plegarlo —— los nodos muestran cuántas claves o elementos quedan ocultos, para que puedas moverte por documentos grandes sin perder el contexto. Usa para volver a desplegar, o los botones Collapse all / Expand all de la parte superior del panel.

¿Quieres view json de una llamada API, una línea de log o un archivo de configuración? Esto es exactamente eso, el online json viewer, json online viewer, jsonviewer, jsonview, json visualizer, geojson viewer, json object viewer, obj viewer, json document viewer, json file viewer (.json file viewer), y json reader online hecho para ello : pega, parsea, pliega y despliega. (Los errores típicos de tecleo json viewr, json viwer también apuntan a la misma herramienta.) Para proyectos React, react-json-view incrusta el mismo árbol en tu app; cuando solo quieres inspeccionar una carga, esta página es la alternativa sin instalación. Útil cuando el visor integrado del editor no existe o es demasiado ruidoso, o cuando necesitas hacer json readable online una respuesta profundamente anidada. Mientras navegas por el árbol también funciona como un ligero json path finder —— cada clave que despliegas deja claro su ruta en el documento.

Si tu entrada tiene errores de sintaxis, el visor intenta repararla antes de renderizar. Para ver el resultado detallado de la reparación usa la herramienta JSON Fix ; para ver la ubicación exacta del error usa el validador JSON.

FAQ

¿Por qué mi árbol está vacío?

Solo el JSON parseable puede construir un árbol. Si tu entrada tiene errores de sintaxis (comas finales, comillas simples, claves sin comillas, comentarios), pásala primero por JSON Fix y luego visualiza el resultado limpio.