El JSON está en todas partes. Leerlo en crudo es un dolor.
Cualquier desarrollador lo ha vivido: consultas un endpoint, recibes una avalancha de JSON en la terminal y tienes que buscar un campo anidado seis niveles más abajo. O abres un package.json que alguien modificó y tratas de encontrar la diferencia a simple vista. El JSON crudo es amigable para las máquinas, no para los ojos humanos.
Para eso existe el visor JSON online de FileCrank: sin instalación, sin registro, funciona completamente en el navegador.
Qué puedes hacer con él
Pega y explora al instante
Coloca cualquier JSON en el panel de entrada. La herramienta renderiza de inmediato un árbol expandible con código de color:
- Cadenas en verde
- Números en azul
- Booleanos en morado
- Null en gris
Colapsa el array data para centrarte en el bloque meta. Expande solo el objeto que te interesa. Esto solo ya ahorra minutos al navegar una respuesta de API extensa.
Soporte para JSONC — comentarios incluidos
¿Trabajas con archivos de configuración? Muchos configs reales — ajustes de VS Code, configuraciones de TypeScript — usan JSONC: JSON con comentarios. El JSON.parse estándar falla con // y /* */. Este formateador JSON online los elimina automáticamente antes de parsear, así que puedes pegar tu config tal cual, sin quitar los comentarios a mano.
Edita sin salir del navegador
No necesitas abrir un editor de texto para corregir un valor erróneo. Haz clic en cualquier valor del árbol para editarlo directamente. La herramienta detecta el tipo automáticamente: escribe true y se convierte en booleano, escribe 42 y se convierte en número. Haz doble clic en el nombre de una clave para renombrarla.
Ejemplo: Recibes un payload donde "active": "true" es una cadena en lugar de un booleano. Haz clic en el valor, escribe true sin comillas y pulsa Enter. Listo.
Añade y elimina nodos
¿Necesitas agregar una clave nueva? Pulsa + junto a cualquier objeto o array. ¿Eliminar una? Pulsa × en ese nodo. El árbol se actualiza al instante.
Panel de JSON generado en vivo
Mientras editas, el panel "JSON generado" se actualiza en tiempo real mostrando el JSON modificado completo, listo para copiar. No hay un paso separado de "aplicar" — lo que ves en el árbol es lo que obtienes en la salida.
Copia, reinicia y controla los cambios
Un clic en "Copiar" lleva el JSON completo al portapapeles. "Reiniciar" revierte todo al pegado original. Una insignia ámbar Modificado aparece cuando tu copia difiere de la entrada, para que siempre sepas en qué punto estás.
Un flujo de trabajo real
Imagina que estás depurando una respuesta de API REST:
- Copia el cuerpo de la respuesta desde la pestaña de red o tu cliente de API
- Pégalo en el visor JSON
- Colapsa el array
results— tienes 200 elementos y solo te importa el envelope - Detectas que
pagination.totales"500"(cadena) en lugar de500(número) - Haces clic en el valor, escribes
500y pulsas Enter - Copias el JSON corregido del panel de salida
- Lo pegas en tu fixture de prueba o en el informe de bug
Tiempo total: menos de 30 segundos. Sin herramientas locales.
Pruébalo ahora
Abre el formateador JSON online, pega una respuesta de API que tenías pendiente de inspeccionar y comprueba cuánto más rápido el árbol te ayuda a entenderla comparado con mirar JSON minificado.
Si trabajas con datos estructurados más allá del JSON, consulta JSON a CSV, CSV a JSON o Codificador Base64 para el siguiente paso de tu flujo de trabajo.