Visor de árbol JSON
Visualice datos JSON como un árbol colapsable interactivo. Busque claves y valores, rastree JSONPath al pasar el cursor y maneje archivos grandes con carga diferida. Soporta arrastrar y soltar archivos .json.
¿Qué es un visor de árbol JSON?
Un visor de árbol JSON es una herramienta que analiza texto JSON y lo renderiza como una estructura de árbol interactiva y colapsable. Cada nodo muestra su clave, tipo y vista previa del valor, permitiéndote explorar visualmente datos JSON profundamente anidados sin leer texto sin formato.
¿Cómo expandir y colapsar nodos del árbol?
Haz clic en el icono de flecha junto a cualquier nodo de objeto o array para expandirlo o colapsarlo. También puedes hacer clic en la fila del nodo. Usa los botones "Expandir todo" y "Contraer todo" en la barra de herramientas para alternar todo el árbol a la vez.
¿Cómo funciona la función de búsqueda?
Escribe una palabra clave en el cuadro de búsqueda y la herramienta resaltará instantáneamente las claves y valores de cadena coincidentes. Las filas coincidentes se resaltan, y puedes saltar entre coincidencias usando los botones anterior/siguiente o las teclas Enter (adelante) y Shift+Enter (atrás).
¿Qué es JSONPath y cómo lo copio?
JSONPath es una expresión de notación de puntos que apunta a un nodo específico, ej., $.user.address[0].city. Pasa el cursor sobre cualquier nodo y su ruta completa aparece en la barra de rutas; haz clic en la ruta o en el icono de copiar para copiarla al portapapeles.
¿Puedo cargar JSON desde un archivo?
Sí. Haz clic en el botón "Cargar archivo" para buscar un archivo .json, o simplemente arrastra y suelta un archivo .json en el área de entrada. El contenido del archivo se lee localmente en tu navegador y nunca se sube a ningún servidor.
¿Cómo se muestran los diferentes tipos de valores?
Cada tipo de valor tiene un color distinto: las cadenas son verdes, los números son azules, los booleanos son naranjas y los valores null son grises. Los objetos y arrays muestran un badge con el recuento de sus hijos, como {3} o [5].
¿Cómo maneja la herramienta archivos JSON muy grandes?
Cuando un nodo tiene más de 1000 hijos, la herramienta usa carga diferida: renderiza los primeros 100 elementos y muestra un botón "Cargar más" en la parte inferior. Esto mantiene la interfaz responsiva incluso con arrays de miles de entradas.
¿Mis datos JSON se envían a un servidor?
No. Todo el análisis, renderizado y búsqueda ocurre completamente en tu navegador. Tus datos JSON nunca abandonan tu dispositivo, lo que hace que esta herramienta sea segura para datos sensibles o confidenciales.
¿Qué pasa cuando pego JSON inválido?
La herramienta muestra un mensaje de error claro debajo del área de entrada mostrando el error de análisis y su ubicación. La vista de árbol permanece vacía hasta que corrijas la sintaxis y la entrada se convierta en JSON válido de nuevo.
¿Funciona esta herramienta sin conexión?
Una vez cargada la página, la herramienta se ejecuta completamente en tu navegador y puede funcionar sin conexión a internet. Solo la carga inicial de la página requiere acceso a la red para obtener los recursos estáticos.
Cómo usar Visor de árbol JSON
Pega JSON o arrastra un archivo .json para explorarlo como un árbol interactivo plegable. Todo se ejecuta en tu navegador; tus datos nunca se suben.
- Pega tu JSON en el editor o arrastra y suelta un archivo .json directamente en la página.
- Haz clic en las flechas junto a objetos y arrays para plegar o desplegar ramas y ver solo los nodos que te interesan.
- Escribe una clave o un valor en el cuadro de búsqueda para resaltar los nodos coincidentes en todo el árbol.
- Pasa el cursor sobre cualquier nodo para ver su JSONPath y copiar la ubicación exacta de un valor anidado.
Los archivos grandes siguen siendo rápidos gracias a la carga diferida: las ramas solo se analizan al expandirlas.
Herramientas relacionadas
- Visor de árbol YAML Analiza YAML en un árbol colapsable interactivo. Admite YAML multidocumento, anclas y alias, búsqueda, conversión a JSON y arrastrar/soltar archivos .yaml/.yml.
- Buscador de rutas JSON Navegue datos JSON anidados con expresiones de ruta. Soporta notación de punto, corchetes e indexación de arrays con resultados instantáneos y listado de rutas.
- TSV a JSON Convierte TSV a JSON gratis en línea. Soporta encabezados, detección automática de tipos y minificación. Todo en el navegador.
- JSON a CSV Conversor gratis de JSON a CSV en línea. Aplana objetos anidados, elige delimitadores personalizados y descarga al instante. 100% en el navegador.
- Convertidor CSV a JSON Convierte CSV a JSON gratis en línea. Soporta delimitadores personalizados, objetos basados en encabezados y detección automática de tipos. Todo en el navegador.
- Embellecedor XML Embellecedor XML gratuito en línea. Formatea, embellece e indenta XML al instante en tu navegador.
- Validador XML Valida la sintaxis y estructura XML al instante. Detecta errores con números de línea precisos y mensajes detallados. Gratis, seguro y funciona en tu navegador.
- SQL a JSON Convierte sentencias SQL INSERT a arrays u objetos JSON al instante. Soporta VALUES múltiples, manejo de NULL, detección automática de tipos e impresión formateada. 100% cliente, sin subida.