Acerca de ViewJSON
Ideas clave
- Muestra muchas cadenas Base64 de JSON al estilo API como imágenes, audio, vídeo y PDF en línea en el árbol.
- La visualización y edición se ejecutan en el navegador; con enlaces de compartir, los datos se cifran con AES-GCM en el cliente y el servidor solo guarda texto cifrado; la clave queda en el fragmento del URL.
- Editor basado en CodeMirror 6, pensado para cargas grandes; los archivos muy grandes (del orden de 100MB) pueden mostrar un aviso.
- Útil para depurar respuestas de API/IA, preparar cuerpos multimodales y compartir con el equipo mediante enlaces cortos cifrados.
Última actualización:
ViewJSON es un visor y formateador de JSON en línea y gratuito, pensado para desarrolladores que trabajan con APIs que devuelven medios codificados en Base64. A diferencia de los formateadores tradicionales que tratan cada cadena como texto plano, ViewJSON detecta automáticamente el contenido Base64 y lo renderiza como imágenes, reproductores de audio, reproductores de video o vistas previas de PDF, directamente dentro de la estructura JSON. Todo el renderizado ocurre localmente en tu navegador. Al compartir, los datos se cifran en el cliente con AES-GCM — el servidor almacena solo texto cifrado y nunca recibe la clave de descifrado.
Por qué creamos esta herramienta
Las APIs de IA multimodal (OCR, síntesis de voz, modelos de visión, generación de imágenes) intercambian datos casi exclusivamente en Base64. Durante el desarrollo y las pruebas, esto genera varios problemas recurrentes:
Previsualización de resultados tediosa
Las APIs de TTS y generación de imágenes devuelven audio e imágenes codificados en Base64. Previsualizarlos requiere extraer la cadena de la respuesta JSON, pegarla en un decodificador en línea y repetir el proceso para cada campo. Para los desarrolladores que depuran salidas de API de IA, ViewJSON elimina la extracción manual al renderizar todos los medios Base64 directamente en línea.
Construcción de entradas propensa a errores
Llamar a modelos de OCR o visión requiere convertir imágenes a Base64 en un sitio de terceros y luego pegar la cadena en el cuerpo de la solicitud de tu herramienta de API. El proceso es frágil: unas comillas fuera de lugar o una secuencia de escape rota significan tiempo perdido arreglando la sintaxis JSON en lugar de depurar tu lógica. Al construir entradas para APIs de Visión, ViewJSON convierte automáticamente las imágenes pegadas en Base64 dentro del editor para conservar una sintaxis JSON válida.
Revisión del historial incómoda
Postman y Fiddler guardan tu historial de solicitudes, pero los campos Base64 aparecen como largas cadenas codificadas sin indicación del contenido real. Revisar qué se envió o recibió requiere extraer cada cadena Base64 y decodificarla por separado. Para simplificar la revisión del historial de la API, ViewJSON renderiza las cadenas Base64 como vistas previas visuales para que puedas verificar fácilmente los payloads multimedia anteriores.
Por eso creamos ViewJSON: pega tu JSON y al instante ve cada imagen, escucha cada clip de audio y reproduce cada video, sin salir de la página.
Casos de uso
Depurar respuestas de APIs de IA
Pega una respuesta de API que contenga medios codificados en Base64 en ViewJSON. Todos los clips de audio, imágenes y videos se detectan automáticamente y se renderizan dentro de la estructura JSON, sin extracción manual ni decodificadores externos.
Preparar payloads de APIs multimodales
Pega una imagen directamente en el editor. ViewJSON muestra la vista previa mientras almacena la cadena Base64 en el JSON. Al copiar, obtienes un payload Base64 listo para usar, sin necesidad de conversiones adicionales.
Compartir JSON con tu equipo
ViewJSON cifra tu JSON y variables localmente usando AES-GCM y sube solo el texto cifrado para generar un enlace corto. La clave de descifrado permanece en el hash de la URL — nunca se envía al servidor. El destinatario abre el enlace y todo se descifra instantáneamente en su navegador.
Comparación con herramientas habituales
| Visor JSON en línea típico | Cliente API (historial / vista previa) | ViewJSON | |
|---|---|---|---|
| Medios Base64 dentro del JSON | Los visores en línea habituales no previsualizan Base64 como medios en el árbol: siguen siendo texto plano largo. | En el historial el Base64 sigue siendo una cadena opaca; no puedes ver el medio real en contexto. | Usa firmas de contenido (magic bytes) para detectar formatos y renderiza imágenes, audio, vídeo y PDF en línea en el árbol. |
| Compartir cifrado en equipo | Casi ningún producto habitual ofrece el mismo modelo: solo cifrado en el cliente, enlace corto y clave únicamente en el fragmento # de la URL. | Normalmente copias el JSON a mano: no es el mismo flujo de «un clic, solo cifrado». | Enlaces de compartir: AES-GCM en el navegador, solo texto cifrado subido, clave en #hash—no enviada a nuestros servidores. |
| Pegar imagen → Base64 en JSON | Rara vez puedes pegar una imagen en el editor JSON y obtener Base64 válido en el documento en un solo paso. | Centrado en peticiones HTTP, no en un espacio de trabajo JSON completo con pegado a Base64. | Pega una imagen en el editor; se inserta Base64 manteniendo JSON válido. |
| Formatear, validar, reparar | Formatear y validar es común; la vista previa inline de Base64 como medios en la misma vista prácticamente no existe en lo mainstream. | Los cuerpos son texto primero; la vista previa rica de cargas multimodales no entra en el alcance. | Formateo, validación, reparación y vista previa de medios en un solo espacio de trabajo. |
Tecnología y privacidad
Creado con Astro + React
Arquitectura de islas para minimizar el JavaScript cargado. Solo los componentes interactivos ejecutan código en el cliente. El historial se almacena en IndexedDB — no en localStorage — para que persista entre sesiones y maneje grandes payloads de API de forma segura.
Editor CodeMirror 6
Editor de código profesional con resaltado de sintaxis, plegado, búsqueda y emparejamiento de paréntesis. Maneja archivos de hasta 100 MB antes de mostrar una advertencia.
Cloudflare Pages
Desplegado globalmente en la red de borde de Cloudflare para tiempos de carga rápidos en todo el mundo.
Privacidad de datos
Todo el renderizado ocurre localmente. Al compartir, los datos se cifran con AES-GCM antes del envío. El servidor almacena solo texto cifrado; la clave de descifrado permanece en el hash de la URL y nunca se transmite a nuestros servidores.
Preguntas frecuentes
¿Qué es ViewJSON?
Un visor y formateador JSON gratuito en el navegador que detecta muchos medios en Base64 en respuestas de API y los previsualiza en línea (imágenes, audio, vídeo, PDF) mientras recorres el documento, en lugar de mostrar solo cadenas largas.
¿Subís mi JSON en claro o la clave de descifrado al usar el sitio?
En el uso diario, tus datos no salen del navegador. Si generas un enlace compartido, solo se sube el texto cifrado con AES-GCM; la clave permanece en el hash del URL y no se envía a nuestros servidores.
¿En qué se diferencia de un visor JSON típico o de «imprimir bonito»?
La mayoría trata las cadenas como texto. ViewJSON se orienta a Base64 largos de APIs multimodales y de estilo IA y, cuando puede, los muestra como medios en línea.
¿Hay un límite de tamaño de archivo o carga útil?
El editor admite archivos muy grandes; puede aparecer un aviso alrededor de 100MB, alineado con el mensaje en otras partes de esta página.
Contacto
¿Preguntas, comentarios o solicitudes de funciones? Escríbenos a support@viewjson.net