Visor JSON en árbol — Explorar una estructura JSON

Recorre JSON como un árbol plegable con búsqueda. Pega un documento y navega por claves y arrays, sin ningún envío al servidor.

Cargando…
Visor de árbol JSON, guía de exploración de estructura
Navega JSON como un árbol interactivo plegable con búsqueda. Recorre objetos y arrays anidados sin desplazarte por líneas únicas minificadas.

Notas para desarrolladores

Pega JSON válido: el árbol se construye tras un análisis correcto. Los nodos más profundos que el nivel 2 empiezan plegados para mantener manejables las configs grandes. La búsqueda resalta claves y valores de cadena coincidentes. Expandir todo y Plegar todo ayudan al revisar payloads muy profundos.

Cuándo elegir esta herramienta

Explorar respuestas API desconocidas durante la integración. Localizar claves anidadas en exportaciones de config grandes. Enseñar estructura JSON sin herramientas de IDE. Verificar salida de convertidores antes de diff o minificar.

Ejemplos prácticos

Config de servicio anidada

Entrada de ejemplo

{"order":{"id":"ord_8f2a","status":"paid","customer":{"id":"cus_42","name":"Ada Lovelace","email":"[email protected]"},"line_items":[{"sku":"WB-001","qty":2,"price":24.99},{"sku":"WB-003","qty":1,"price":89.0}],"total":138.98}}

Comportamiento del árbol

El árbol muestra service → name/replicas/env con env.REGION como hoja.

Array de objetos

Entrada de ejemplo

{ "items": [ {"id": 1, "sku": "A"}, {"id": 2, "sku": "B"} ] }

Comportamiento del árbol

items[0] e items[1] se expanden de forma independiente. La búsqueda coincide con valores sku.

Explorar herramientas JSON relacionadas

Explora el hub de herramientas JSON. Comprueba la sintaxis con el validador JSON, embellece con el formateador JSON, prueba consultas con el JSONPath tester o compara versiones con JSON diff. Exporta formatos mediante JSON → YAML o JSON → CSV.

FAQ visor de árbol JSON

Explorar estructura en local

¿Esto edita JSON?

No, es una exploración de solo lectura. Edita en tu editor y vuelve a pegar para refrescar el árbol.

¿JSON inválido?

Corrige primero los errores de validación. El árbol solo se renderiza tras un análisis correcto.

¿Rendimiento en archivos enormes?

Los documentos muy grandes pueden sobrecargar los navegadores móviles. Se recomienda Chrome de escritorio para configs de varios megabytes.

¿Alcance de la búsqueda?

La búsqueda coincide con claves de objetos y valores de cadena visibles en el árbol.

¿Subidas al servidor?

Nunca. El análisis y el renderizado permanecen en tu navegador.

Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.