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.