Developer Tools
Data & AnalyticsVisor JSON
Renderiza JSON como un árbol expandible interactivo con resaltado de sintaxis, copia de rutas, búsqueda de valores y alternancia de nodos. Explorador de JSON gratuito en línea.
Entrada JSON
Árbol JSON
Buscar:
Pega o escribe JSON arriba para previsualizar el árbol interactivo.
Herramientas Relacionadas
Acerca del Visor JSON
Cómo Funciona
- Pega cualquier JSON válido y se renderiza como árbol colapsable interactivo
- Haz clic en cualquier nodo de objeto o array para expandir o colapsar sus hijos
- Usa Expandir todo / Colapsar todo para controlar el árbol completo
- Busca entre claves y valores — los nodos coincidentes se resaltan
- Haz clic en el icono de copia junto a cualquier nodo para copiar su ruta o valor
Casos de Uso Comunes
- Explorar respuestas de API profundamente anidadas
- Depurar archivos de configuración JSON complejos
- Encontrar claves o valores específicos en grandes cargas JSON
- Copiar rutas JSON exactas para usar en código o herramientas
- Revisar datos estructurados de bases de datos o registros
Preguntas Frecuentes
¿Qué es el Visor JSON?
El Visor JSON es una herramienta interactiva que renderiza cualquier JSON válido como una estructura de árbol colapsable con resaltado de sintaxis en colores. Permite explorar datos anidados, copiar rutas y valores, y buscar claves o valores específicos sin escanear texto sin formato.
¿Cómo expando o colapso un nodo?
Haz clic en cualquier nodo de objeto o array (indicado por { } o [ ]) para abrirlo o cerrarlo. También puedes usar el botón 'Expandir todo' para abrir el árbol completo, o 'Colapsar todo' para plegar todo de vuelta al nivel raíz.
¿Cómo funciona la búsqueda?
Escribe cualquier palabra clave en el campo Buscar. La herramienta resaltará cada nodo cuyo nombre de clave o valor contenga tu término de búsqueda (sin distinguir mayúsculas). Los nodos coincidentes se resaltan con un fondo amarillo.
¿Cómo copio una ruta JSON?
Pasa el cursor sobre cualquier nodo: aparecerá un icono de enlace a la derecha. Haz clic en él para copiar la ruta de notación de puntos de ese nodo (p. ej., user.address.city) al portapapeles.
¿Cómo copio el valor de un nodo?
Pasa el cursor sobre cualquier nodo y haz clic en el icono de portapapeles a la derecha. Para valores primitivos copia el valor sin formato; para objetos y arrays copia el subárbol completo como JSON formateado.
¿Se envían mis datos JSON a un servidor?
No. Todo el procesamiento ocurre en tu navegador usando JavaScript del lado del cliente. Tus datos JSON nunca salen de tu dispositivo, por lo que es seguro pegar datos sensibles o privados.
¿Qué características JSON admite el visor?
El visor admite la especificación JSON completa: objetos y arrays anidados de cualquier profundidad, todos los tipos primitivos (cadenas, números, booleanos, nulo), caracteres Unicode y secuencias de escape.
¿Puedo usarlo para ver respuestas de API?
Sí: copia el JSON sin formato de la pestaña de red de tu navegador, un cliente REST o tu terminal y pégalo directamente en el área de entrada. El visor lo renderiza instantáneamente como un árbol interactivo.
¿Qué pasa si pego JSON no válido?
Si la entrada no puede analizarse como JSON válido, se muestra un mensaje de error en el panel del árbol con el error exacto de análisis. Corrige la entrada y el árbol se actualizará automáticamente.
¿En qué se diferencia el Visor JSON del Formateador JSON?
El Formateador JSON produce texto sin formato bien indentado. El Visor JSON renderiza JSON como un árbol interactivo, útil para explorar la estructura y encontrar nodos específicos sin leer muros de texto.
¿Puede el visor manejar archivos JSON grandes?
Maneja bien JSON de tamaño mediano (hasta unos pocos MB). Los archivos muy grandes pueden causar lentitud en el navegador porque cada nodo se renderiza en el DOM.
¿Puedo cargar un ejemplo para probar la herramienta?
Sí: haz clic en el botón 'Ejemplo' para cargar un objeto JSON prediseñado con estructuras anidadas, arrays y múltiples tipos de datos.