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.
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:
- 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.
- 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.
- 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.
- 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 elementoso5 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. -
nullse 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.
Formateador de JSON
Indenta JSON con 2 espacios, 4 espacios o tabuladores y copia o descarga el resultado.
Validador de JSON
Encuentra errores de sintaxis con línea y columna exactas y una corrección sugerida.
Minificador de JSON
Elimina el espacio en blanco y comprueba el ahorro de bytes antes y después.
Embellecedor de JSON
Convierte JSON minificado o roto en una salida limpia y resaltada.