Visor JSON en Árbol
Explora tu JSON visualmente: nodos expandibles, valores coloreados por tipo, tamaño total y rutas de acceso copiables con un clic.
JSON a explorar
Árbol interactivo
Pega un JSON para verlo como árbol.
Cómo usar: JSON Tree
- 1Pega el JSON que quieres explorar.
- 2Expande o contrae los nodos del árbol haciendo clic.
- 3Haz clic en un valor para copiar su ruta (por ejemplo, usuario.roles.0).
¿Para qué sirve?
- Navegar respuestas de API grandes y anidadas.
- Encontrar la ruta exacta de un campo para usarla en código.
- Entender la estructura de un JSON desconocido.
Explorar JSON como un árbol
Ventajas de la vista en árbol
En respuestas grandes de una API, expandir y contraer nodos permite localizar un campo sin recorrer miles de líneas. Cada nodo muestra su tipo: objeto, lista, texto, número, booleano o null.
Rutas de acceso
Saber la ruta exacta de un valor, como data.items[0].precio, facilita escribir código que lo lea. Navegar el árbol te ayuda a deducir esa ruta rápidamente.
Detectar problemas
Campos que a veces son texto y a veces número, listas vacías inesperadas o valores null son fáciles de detectar visualmente y suelen causar errores en producción.
Herramientas relacionadas
Preguntas frecuentes
¿Puedo copiar una ruta?+
Sí. Al hacer clic en cualquier nodo se copia su ruta (ej. items[3].nombre) al portapapeles.