Visor de árbol JSON interactivo

Pegue JSON para explorarlo como un árbol plegable y desplegable, con los tipos de valor resaltados en color (cadenas, números, booleanos, objetos, arrays) y localizar rápidamente la estructura de un documento complejo.

Ejemplo:

Cómo funciona

Ante un documento JSON grande (respuesta de API anidada, configuración compleja), suele ser más rápido navegar visualmente por su estructura que releerlo línea a línea. Pegue su JSON y haga clic en «Mostrar el árbol»: cada objeto y cada array se convierte en un nodo plegable, con una vista previa del número de elementos que contiene.

¿Qué representan los colores de los valores?

Cada tipo de valor JSON tiene su propio color: verde para las cadenas de texto, azul para los números, rosa para los booleanos, gris para null, naranja para los objetos y violeta para los arrays. Así puede detectar de un vistazo, por ejemplo, que un campo que debería ser numérico es en realidad una cadena de texto.

¿Cómo se pliegan o despliegan ramas concretas?

Haga clic en la flecha situada a la izquierda de un objeto o un array para plegar o desplegar únicamente esa rama; los botones «Desplegar todo» y «Plegar todo» actúan sobre el árbol completo de una vez, lo que resulta útil para centrarse rápidamente en una sola sección de un documento voluminoso.

Procesamiento 100% local: el análisis y la visualización del árbol se realizan íntegramente en su navegador; su JSON nunca sale de su dispositivo.