Visor JSON y Explorador — Visualizador de Árbol Interactivo
Pega JSON para inspeccionarlo como árbol plegable. El primer nivel se abre automáticamente; puedes expandir o contraer ramas y usar los controles para expandir o contraer todo. Cada fila muestra la clave, el tipo de valor y, en objetos y arrays, el número de elementos directos. Cada nivel expandido muestra inicialmente hasta 100 entradas; Mostrar más añade otras 100 y conserva las que ya están visibles.
Usa el árbol para recorrer respuestas API, archivos de configuración o registros nivel por nivel. El botón de copiar ruta copia la ruta simple del nodo: las claves de objeto usan notación de punto, como $.users, y los elementos de arrays usan índices, como $[0]. Las claves con puntos, corchetes u otros caracteres especiales no se escapan en este formato; usa la vista de grafo y su JSON Pointer RFC 6901 cuando necesites una ruta inequívoca para esas claves.
JSON.parse convierte los números a valores Number de JavaScript, así que los enteros fuera del rango seguro de JavaScript pueden perder precisión. El visor analiza y muestra el JSON en tu navegador; al pasar a otra página de herramienta no se conserva el documento pegado.
Sobre el Visor de Árbol JSON
Recorre JSON en un árbol plegable, expande ramas, consulta el número de elementos directos y copia rutas simples con puntos e índices. Para claves con caracteres especiales, usa el JSON Pointer RFC 6901 de la vista de grafo.
- Abre automáticamente el primer nivel
- Expande o contrae todas las ramas
- Muestra tipos y número de elementos directos
- Copia rutas simples con un botón específico
- Muestra más entradas de forma progresiva
100% en tu navegador. Tus inputs nunca salen de tu navegador. AdSense según tus preferencias de privacidad.
Preguntas frecuentes
¿Cómo funciona el visor de árbol JSON?
Pega un objeto o array JSON para verlo como un árbol plegable. El primer nivel se abre automáticamente; puedes expandir o contraer ramas y usar la barra para expandir o contraer todo. Las filas muestran valores y tipos, además del número de elementos directos en objetos y arrays. Cada nivel expandido muestra inicialmente hasta 100 entradas; Mostrar más añade otras 100 y conserva las que ya están visibles. Usa el botón específico de copiar ruta de una fila para copiar una ruta simple como $.users[0].name. Las claves de objeto se escriben con notación de punto y no se escapan, así que claves con puntos o corchetes pueden volver ambigua la ruta; para claves especiales, usa el JSON Pointer RFC 6901 de la vista de grafo. Los números JSON se analizan como valores Number de JavaScript y pueden perder precisión si son enteros fuera del rango seguro.
¿El visor JSON es gratuito?
Sí, el visor es gratuito y no requiere registro.
¿El visor sube mi JSON a un servidor?
El árbol se construye en tu navegador a partir del JSON que pegas. Al pasar a otra página de herramienta no se conserva el documento pegado. Consulta la política de privacidad para conocer los servicios de publicidad y medición de audiencia del sitio.
¿Puedo buscar y copiar campos específicos?
El árbol no incluye búsqueda ni una acción para copiar valores. Usa el botón de copiar ruta de una fila para copiar su ruta simple con puntos e índices. La ruta no escapa caracteres especiales en claves de objeto; usa el JSON Pointer RFC 6901 de la vista de grafo para obtener una ruta inequívoca.
Guías relacionadas
- Procesa JSON grande: filtro NDJSON ejecutableFiltra registros sin cargar una exportación completa, reproduce la salida y conoce los límites de memoria y errores del streaming.
- JSONPath, JMESPath y jq: una entrada y resultados comprobadosEjecuta selecciones equivalentes sobre un JSON descargable, compara la forma del resultado y elige según tu herramienta.
Por Marco B.