Visor JSON en árbol — Explorar una estructura JSON

Recorre JSON como un árbol plegable con búsqueda. Pega un documento y navega claves y arrays — 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 parseo exitoso. • Los nodos más profundos que el nivel 2 empiezan plegados para mantener configs grandes manejables. • La búsqueda resalta claves y valores de cadena coincidentes. • Expandir todo / Plegar todo ayuda al escanear 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. Valida 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 exploración de solo lectura. Edita en tu editor y vuelve a pegar para refrescar el árbol.

¿JSON inválido?

Corrige errores de validación primero — el árbol solo se renderiza tras un parseo exitoso.

¿Rendimiento en archivos enormes?

Documentos muy grandes pueden estresar 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 parseo y el renderizado permanecen en tu navegador.

Herramientas JSON

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

Validador JSON

Formateador JSON

Diff JSON

Escapar JSON

Desescapar JSON

Reparar JSON

JSON → TypeScript

Probador JSONPath

Ordenar JSON

Fusionar JSON

Explorar otras categorías de herramientas

Minificar

Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.

Embellecer

Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.

Desminificar

Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.

Conversión

Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.

Preprocesadores CSS

Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.

Herramientas SVG

Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.

DevOps e Infra

Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.

CI/CD

GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.

Logs y observabilidad

JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.

Kubernetes

Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.

Red / IP

CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.

Seguridad y tokens

JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.

API y esquemas

Herramientas OpenAPI para formatear, validar y analizar tus specs.

Codificación

Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.

Utilidades para desarrolladores

Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.

Texto y Markdown

Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.

IA y LLM

Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.

Datos de prueba

Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.

Serialización

Serializa y deserializa estructuras PHP junto a los flujos JSON.