Visor de Árbol JSON
Visualiza, formatea y explora datos JSON en un árbol interactivo plegable. Gratis, seguro y sin necesidad de subir archivos.
Arrastra y suelta el archivo JSON aquí
O pega texto JSON debajo
Visualiza, formatea y explora datos JSON en un árbol interactivo plegable. Gratis, seguro y sin necesidad de subir archivos.
O pega texto JSON debajo
Los visores de árboles JSON muestran datos JSON como un árbol jerárquico navegable en lugar de como texto sin formato. Cada objeto se convierte en una rama plegable; las matrices muestran sus elementos individualmente; Los valores primitivos aparecen como hojas. La vista estructural facilita la búsqueda de campos específicos en datos profundamente anidados, el colapso de subárboles irrelevantes y la navegación por documentos JSON de gran tamaño que serían inmanejables como texto plano.
En comparación con el texto JSON formateado, las vistas de árbol destacan en la navegación con datos de gran tamaño. No es práctico desplazarse por una respuesta API de 10 MB como texto, pero es manejable como un árbol donde colapsas las claves de nivel superior que no te interesan y expandes solo las partes de interés.
Este visor representa JSON en un árbol estructurado en su navegador. La búsqueda filtra ramas por clave o valor. La visualización con reconocimiento de tipo distingue cadenas, números, valores booleanos, nulos, objetos y matrices.
Los datos profundamente anidados son difíciles de navegar como texto. Los archivos de configuración, las respuestas de API y el estado serializado suelen tener más de 5 niveles de anidamiento. Una vista de árbol le permite contraer niveles irrelevantes y centrarse en lo que importa; las vistas de texto requieren un desplazamiento cuidadoso y contar corchetes.
Las capacidades de búsqueda y filtrado también son importantes. Encontrar todas las claves denominadas 'user_id' en un documento complejo es rápido con un visor compatible con búsquedas; imposible de hacer de manera confiable con texto plano.
Pegue JSON, navegue por el árbol.
El análisis JSON utiliza JSON.parse, que falla con una entrada no válida y un error de análisis apunta a la ubicación del problema. JSON válido se representa en un objeto JavaScript que el espectador recorre de forma recursiva para producir el árbol.
Representación: cada nivel de anidamiento se convierte en una rama con sangría. Las claves de objeto son etiquetas; los valores se representan según el tipo: cadenas entre comillas, números sin, valores booleanos como verdadero/falso, nulos explícitamente, objetos y matrices como ramas plegables.
Rendimiento: JSON muy grande (más de 10 MB) puede ralentizar el renderizado. La expansión diferida (representar solo las ramas actualmente visibles) ayuda. La búsqueda en documentos grandes puede llevar un tiempo considerable; indexar el árbol en el primer análisis ayuda.