Visor JSON y Explorador — Visualizador de Árbol Interactivo
Pega cualquier documento JSON y el visor lo renderiza como un árbol colapsable con un nodo por clave, mostrando tipos de datos inferidos, longitudes de arrays y tamaños de objetos en línea junto a cada rama. El primer nivel se auto-expande para darte un resumen inmediato, y puedes expandir o colapsar todos los nodos a la vez con un control único cuando necesites hacer zoom.
Esta es la herramienta correcta cuando exploras una respuesta de API desconocida, auditas un payload de configuración grande, buscas un campo específico profundamente anidado o revisas registros de log donde el texto plano se vuelve ilegible más allá de unos pocos niveles. Hacer clic en cualquier nodo copia su expresión JSONPath al portapapeles, que luego puedes pegar en el tester JSONPath o en código para extraer ese valor programáticamente.
El visor está pensado para tamaño: documentos de varios megabytes siguen siendo responsivos porque los nodos se renderizan perezosamente al expandir, y los objetos y arrays vacíos se renderizan como marcadores explícitos para que nunca confundas "faltante" con "presente pero vacío". Los números mantienen la precisión de origen, las cadenas conservan espacios y null/true/false se renderizan distinto para que los tipos siempre sean obvios.
Todo el parseo y renderizado ocurre localmente — el documento nunca se transmite a ningún sitio.
Sobre el Visor de Árbol JSON
Visualiza cualquier estructura JSON como un árbol interactivo y colapsable. Navega rápidamente datos profundamente anidados, ve tipos y longitudes de arrays de un vistazo, y copia expresiones JSONPath de cualquier nodo.
- Expande automáticamente el primer nivel para una vista rápida
- Expandir o colapsar todos los nodos a la vez
- Muestra tipos de datos, longitudes de arrays y tamaños de objetos
- Haz clic en cualquier nodo para copiar su JSONPath
- Maneja objetos y arrays vacíos correctamente
100% en tu navegador. Tus inputs nunca salen de tu navegador. Anuncios mediante AdSense (con consentimiento).
Preguntas frecuentes
¿Cómo funciona el visor de árbol JSON?
Pega JSON y el visor lo muestra como un árbol interactivo plegable. Cada objeto y array se convierte en un nodo que puedes expandir o contraer, facilitando navegar respuestas API muy anidadas. Claves, cadenas, números, booleanos y nulls están coloreados por tipo, y al pasar el ratón sobre un valor ves su ruta completa (ej. data.user.profile.email) para referenciarla en código sin contar puntos.
¿El visor JSON es gratuito?
Sí, totalmente gratis y sin registro. Explora payloads JSON del tamaño que tu navegador pueda cargar — decenas de megabytes en una máquina moderna. Todas las herramientas de JSONCraft son gratuitas, sin plan premium ni límites artificiales; el visor sustituye el dolor de recorrer un texto minificado en DevTools.
¿El visor sube mi JSON a un servidor?
No. El árbol se construye íntegramente en tu navegador a partir del JSON que pegas — nada se envía a ningún sitio. Esto es crítico para respuestas API que puedan contener tokens, IDs de sesión o datos de cliente; el visor trata tu entrada igual que DevTools, en cliente puro. No hay cuenta, ni historial, ni logs.
¿Puedo buscar y copiar campos específicos?
Sí. La búsqueda de texto resalta coincidencias en claves y valores, y cada nodo tiene una acción de copiar con un clic que copia el valor o la ruta JSONPath completa. Eso hace el visor útil cuando necesitas extraer una pieza concreta de una respuesta muy anidada — el Ctrl+F nativo del navegador también funciona sobre el árbol renderizado.
Guías relacionadas
- Parsers JSON streaming — Cómo manejar arrays de un millón de registrosNo puedes JSON.parse un archivo de 5 GB. Los parsers JSON streaming procesan arrays de uno en uno. Así funcionan oboe.js, stream-json e ijson en la práctica.
- JSONPath vs JMESPath vs jq — Cuándo usar cada unoTres lenguajes de consulta para JSON, tres sweet spots distintos. Comparación práctica de JSONPath, JMESPath y jq con queries reales y cuándo tirar de cada uno.
Por Marco B. ·