Ir al editor de JSON
JSON Formatter Viewer

Visor de JSON

input.json

Pega tu JSON aquí

o suelta un archivo .json en cualquier parte de esta zona

Aquí aparecerá la salida formateada.

Esperando una entrada

Leer una carga que no conoces

El árbol supera al texto formateado porque muestra la forma. El texto indentado te dice qué contiene el documento; el árbol te dice cómo está organizado, que es la pregunta real cuando llega una respuesta de una API que no escribiste tú.

Un orden de trabajo razonable para algo que ves por primera vez:

  1. Pégalo. La raíz se abre automáticamente, junto con los objetos hijos pequeños, así que la forma del primer nivel se ve sin un solo clic.
  2. Lee la barra de estado. Profundidad te dice cuánto baja el anidamiento; claves muestra el total frente a las únicas, y una diferencia grande entre ambas significa que estás viendo registros repetidos y no un objeto de configuración ancho.
  3. Si la raíz es un array de objetos, cambia a Tabla. Comparar registros en filas es mucho más fácil que hacerlo entre subárboles hermanos.
  4. Busca el campo que te interesa y usa copiar-ruta en esa fila para obtener el accesor para tu código.

Qué te dice cada fila

  • Los contenedores cerrados llevan un recuento — 3 elementos o 5 claves — para que juzgues si merece la pena abrir una rama antes de abrirla.
  • Los valores se colorean por tipo y las cadenas conservan sus comillas. Un número mostrado como "42" es una cadena, y esa distinción suele ser el error que persigues.
  • null se muestra explícitamente en lugar de como celda vacía, porque un nulo y una clave ausente son cosas distintas.
  • Cada fila tiene botones de copiar-valor y copiar-ruta. Copiar-valor da texto plano para las cadenas y JSON formateado para los contenedores.

Por qué los documentos grandes siguen respondiendo

El visor construye el DOM de forma diferida. Un nodo cerrado no contiene ningún elemento hijo, y abrirlo construye solo sus hijos inmediatos: 200 cada vez en los arrays largos. Un documento de 20 MB cuesta por tanto un análisis y un puñado de filas en el primer pintado, en lugar de millones de nodos que el navegador tendría que maquetar antes de responder.

Expandir es la única operación que puede ser realmente costosa, así que se detiene a los 20.000 nodos y te lo dice. Para leer el documento entero, la vista de texto formateado es la mejor herramienta.

Leer JSON que llegó dentro de una cadena

Los sistemas de registro y las colas de mensajes entregan a menudo JSON codificado como cadena JSON, que llega con este aspecto: "{\"id\":7,\"ok\":true}". Pégalo y pulsa Desescapar: se analiza la cadena externa, se decodifica el documento interno y el árbol dibuja la estructura real. Funciona tantas veces como haga falta para cargas codificadas más de una vez.

Preguntas frecuentes

¿La búsqueda encuentra coincidencias dentro de nodos cerrados?

Sí. La búsqueda recorre la estructura de datos analizada y no el DOM renderizado, así que una coincidencia a doce niveles de profundidad dentro de una rama cerrada también aparece, y el árbol abre todos sus ancestros para mostrarla. Los visores que buscan en el DOM se las pierden en silencio.

¿Qué me da el botón de copiar la ruta?

Una expresión JSONPath que resuelve a ese nodo, como $.endpoints[1].p99_ms. Es entrada válida para jq (quita el $) y para la mayoría de las bibliotecas JSONPath, y se traduce directamente al acceso a propiedades en código.

¿Por qué un array largo muestra solo una parte de sí mismo?

Los arrays construyen 200 hijos cada vez, con un botón para cargar el siguiente bloque. Construir 100.000 filas de DOM por adelantado es lo que bloquea otros visores; así el primer pintado es inmediato y solo traes más donde realmente estás mirando.

¿Puedo navegar el árbol con el teclado?

Sí: el árbol implementa el patrón ARIA tree. Las flechas arriba y abajo se mueven entre filas visibles, la derecha expande, la izquierda contrae o salta al padre y Enter alterna. Ctrl/⌘ + K enfoca el buscador.

El resto de las herramientas

El mismo motor y la misma privacidad: cada página funciona por completo en tu navegador.