Cómo usar: Visor JSON
- Pega tu JSON o abre un archivo
.json. - Haz clic en ▸ para expandir objetos y arrays, o usa Expandir todo.
- Busca para resaltar las claves y valores que coincidan.
- Haz clic en cualquier valor para ver y copiar su ruta, como
$.items[0].sku.
¿Por qué usar un visor de árbol JSON?
El JSON con formato es legible en documentos pequeños, pero las respuestas de API, los logs y las exportaciones suelen tener miles de líneas. La vista en árbol muestra primero la estructura: ves que items es un array de 250 objetos sin tener que desplazarte por ellos, y luego abres solo la rama que te interesa.
Funciones
- Nodos plegables con el número de elementos y claves de cada objeto y array.
- Colores por tipo: cadenas, números, booleanos y
nullse distinguen fácilmente. - Búsqueda que resalta las claves y valores coincidentes y abre las ramas que los contienen.
- Rutas: haz clic en un valor para obtener su JSONPath (
$.customer.address.city), listo parajq, JavaScript o herramientas de automatización. - Estadísticas: total de valores, profundidad de anidamiento y tamaño.
Usar la ruta
| Herramienta | La ruta $.items[0].sku queda como |
|---|---|
| JavaScript | data.items[0].sku |
| jq | .items[0].sku |
| Python | data["items"][0]["sku"] |
| Make / Zapier | items[1].sku (desde 1) |
Para mapeos sin código, el buscador de rutas JSON genera rutas en formato Make, Zapier y n8n. Para corregir JSON inválido, usa el formateador JSON; para comparar dos documentos, el diff JSON.
También se busca como: visor json en línea, árbol json, explorador json, ver json, visualizador json, buscar ruta json, abrir archivo json, jsonpath online.
Herramientas que combinan con: Visor JSON
- JSON a TypeScript — Pega una muestra de JSON (una respuesta de API, una configuración) y obtén interfaces de TypeScript listas para usar, con tipos anidados, propiedades opcionales y tipos unión.
- XML a JSON — Convierte XML (respuestas de API, feeds RSS, mensajes SOAP, sitemaps o archivos de configuración) en JSON limpio que puedes usar en JavaScript, Python o cualquier API REST.
- Validador JSON Schema — Pega un schema y algunos datos JSON para ver exactamente qué valores incumplen cada regla, o genera un schema inicial a partir de datos de ejemplo.
- Probador de JSONPath — Escribe una consulta JSONPath y verás al instante qué selecciona, con la ruta exacta de cada coincidencia.
Preguntas frecuentes
¿Puede abrir archivos JSON grandes?
Sí. Los archivos de varios megabytes funcionan bien; los archivos muy grandes (más de 50 MB) pueden ir lentos porque todo el árbol se construye en tu navegador.
¿Se sube mi JSON a algún servidor?
No. El análisis y la renderización se hacen localmente en tu navegador.
¿Qué es un JSONPath?
Una cadena que apunta a un valor dentro de un documento JSON, empezando por
$ para la raíz, por ejemplo $.items[0].price.¿Puedo instalar Visor JSON como aplicación web y utilizarla sin conexión?
Sí. Visor JSON es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.