{ } JSON Decoder

Analizador JSON en línea

Formatea, comprime, valida y visualiza JSON en segundos. Todo se ejecuta en tu navegador — tus datos nunca salen del dispositivo.

No. Todo el análisis y formateo se realiza en tu navegador. Tus datos nunca salen del dispositivo.

Los navegadores modernos manejan bien 1-10 MB. Archivos muy grandes (>20 MB) pueden ir lentos; considera una herramienta CLI.

Entrada JSON

Soporta arrastrar archivos

                    
                

Resultado

Esperando entrada

                            

                        

¿Por qué JSON Decoder?

Rápido, privado, sin instalación — analiza JSON directamente en tu navegador.

Formato instantáneo

Un clic expande un JSON compacto a una salida legible con indentación y resaltado de sintaxis automático.

Minificación extrema

Elimina todos los espacios y saltos de línea para producir el JSON más compacto posible para API.

Ubicación precisa de errores

Cuando el análisis falla, mostramos la línea y columna exactas junto al contexto para depurar rápido.

Árbol plegable

Vista estructurada y plegable. La longitud de arrays y el número de claves se muestran en línea.

Privacidad primero

Todo se calcula en tu navegador. Tus datos nunca se envían a ningún servidor.

Importar y exportar archivos

Arrastra un archivo.json para cargarlo y exporta cualquier resultado a.json con un solo clic.

Cómo funciona JSON Decoder

Análisis JSON puramente en el navegador — sin subida, sin línea de log, sin llamada a API de terceros.

  1. 1

    Pega o suelta tu JSON

    Pega una cadena JSON en el editor o suelta un archivo .json desde tu disco. El navegador lo lee con FileReader directamente en la memoria de JavaScript — sin XHR, sin fetch, sin subida. Incluso payloads de varios megabytes funcionan bien; el parser los procesa en fragmentos si hace falta.

  2. 2

    El parser nativo se ejecuta en el navegador

    Le pasamos la cadena a JSON.parse — el mismo parser de V8 / SpiderMonkey / JavaScriptCore que tu navegador usa para cada respuesta fetch. Si el análisis falla, se reporta la posición del carácter inválido con línea y columna para que lo corrijas al instante. Sin trucos con regex, sin mensajes de error ambiguos.

  3. 3

    Vista de árbol renderizada localmente

    Una vez analizado, el resultado se muestra como un árbol plegable usando nodos DOM virtualizados — así un objeto de 100.000 claves se mantiene fluido a 60 fps. Puedes plegar arrays, copiar rutas y navegar con el teclado.

  4. 4

    Formatear, comprimir o descargar

    Imprime con sangría de 2 / 4 / tab, comprime a una sola línea, copia al portapapeles o descarga el archivo limpio. La transformación se ejecuta en tu navegador — los bytes resultantes nunca salen de la página.

Casos de uso comunes

Situaciones reales donde el análisis JSON solo en navegador gana.

Depurar respuestas de API

Copia un cuerpo de respuesta minificado desde los logs de tu backend o desde DevTools, pégalo aquí y verás la estructura al instante. No necesitas instalar una herramienta CLI ni configurar alias de jq.

Inspeccionar payloads de JWT

Tras decodificar en Base64 el segmento intermedio de un JWT, pega el JSON resultante para ver los claims, la expiración y cualquier campo personalizado. El token nunca toca otro servidor que no sea el que lo emitió.

Limpiar archivos de configuración

Reformatea una configuración .json mal formada (Tailwind, ESLint, package.json, tsconfig) para que deje de fallar en CI. Detecta comas finales y claves duplicadas que las configuraciones escritas a mano acumulan.

Comparar contratos de API

Abre dos pestañas del navegador en paralelo y pega el esquema antiguo y el nuevo. Usa la vista de árbol para detectar campos añadidos o eliminados sin tener que comparar cadenas con caracteres escapados.

Por qué importa que sea solo en el navegador

Tu JSON suele contener registros reales de clientes, claves de API, secretos de JWT, IDs internos e información personal. La mayoría de formateadores JSON en línea hacen POST de tu payload a su servidor — lo que significa que un tercero registra cada campo que pegas. JSON Decoder de iKit corre como JavaScript dentro de la pestaña de tu navegador, así que el parser ve tus datos, pero ningún servidor los ve.

  • Cero peticiones de red durante el análisis — verificable en DevTools → Network.
  • Funciona sin conexión una vez cargada la página — desconecta la red y el análisis sigue funcionando.
  • Sin logs de servidor, sin límites de uso, sin registro, sin cuota diaria.

Guías relacionadas

Tutoriales detallados y comparaciones de herramientas del blog de iKit.

Errores de sintaxis JSON comunes y cómo solucionarlos

Pega tu JSON arriba — el validador señala la línea y el carácter exactos. Estos son los errores con los que los desarrolladores se topan con más frecuencia.

Error message Cause Fix
Unexpected token } in JSON at position N A trailing comma before } or ] — JSON does not allow trailing commas. Delete the comma after the last item: {"a": 1,} → {"a": 1}
Unexpected token ' in JSON at position N Single quotes around keys or values — JSON requires double quotes. Replace 'value' with "value" on every key and string.
Unexpected token N in JSON at position N A bare word like NaN, None or undefined — none are valid JSON values. Use null, a number, or a quoted string instead.
Expected property name or '}' / Expecting 'STRING' An unquoted object key: {name: "x"} — keys must be double-quoted strings. Quote the key: {"name": "x"}
Unexpected end of JSON input The text was truncated — an unclosed brace, bracket or string. Check that every { has a } and every [ has a ] — the tree view shows where it stops.
Unexpected token / in JSON at position N Comments (// or /* */) — the JSON spec does not allow them. Remove the comments, or keep config in JSONC/YAML and convert before parsing.
Bad control character in string literal A raw newline or tab inside a string. Escape it: use \n, \t or \u escapes inside the quotes.

Tipos de datos JSON y reglas de escape

Todo lo que JSON permite — y lo que notoriamente no permite (comentarios, comas finales, comillas simples).

TypeExampleNotes
string"hello"Double quotes only
number3.14, -2, 1e9No NaN, Infinity or leading zeros
booleantrue, falseLowercase only
nullnullNot None or nil
object{"key": "value"}Keys must be quoted strings
array[1, "a", null]Mixed types allowed
EscapeMeaning
\" \\ \/Quote, backslash, slash
\n \r \tNewline, return, tab
\b \fBackspace, form feed
\uXXXXUnicode code point (4 hex digits)
Not allowed: comments, trailing commas, single quotes, unquoted keys

Preguntas frecuentes

¿Esta herramienta sube mis datos JSON?

No. Todo el análisis y formateo se realiza en tu navegador. Tus datos nunca salen del dispositivo.

¿Qué tamaño de JSON admite?

Los navegadores modernos manejan bien 1-10 MB. Archivos muy grandes (>20 MB) pueden ir lentos; considera una herramienta CLI.

¿Por qué aparece el error "Unexpected token"?

Suele deberse a comillas faltantes, una coma final o comillas simples. Cambia a la pestaña "Errores" para ver la posición exacta.

¿Admite JSON5 o JSON con comentarios?

Actualmente solo JSON estricto según RFC 8259. Dinos si necesitas soporte para JSON5 / JSONC.

¿Puedo usarlo sin conexión?

Tras la primera carga la mayoría de recursos queda en caché, por lo que funciona con o sin conexión.

¿Puede JSON tener comentarios?

No — la especificación JSON (RFC 8259) no permite comentarios, y los parsers los rechazan con un error de sintaxis. Si necesitas archivos de configuración con comentarios, considera JSONC o YAML y luego convierte a JSON puro antes de parsear.

¿JSON distingue entre mayúsculas y minúsculas?

Sí. Las claves y los valores de tipo string distinguen mayúsculas y minúsculas ("Name" y "name" son claves distintas), y los literales true, false y null deben ir en minúsculas — True o NULL es un error de sintaxis.

¿Cuáles son los tipos de datos de JSON?

JSON tiene exactamente seis tipos: string (solo comillas dobles), number (sin NaN ni Infinity), boolean (true/false), null, object y array. Cualquier otra cosa — fechas, undefined, funciones — debe representarse como uno de estos, normalmente un string.

¿Cuál es la diferencia entre un formateador JSON y un validador JSON?

Un formateador reindenta el JSON para que sea legible (pretty-print) o elimina los espacios en blanco (minificar). Un validador lo comprueba contra la gramática JSON e informa dónde falla. Esta herramienta hace ambas cosas a la vez: valida mientras escribes y muestra la línea y el carácter exactos del primer error.

¿Puedo convertir JSON a YAML o CSV?

Sí — usa las otras herramientas de iKit: el conversor JSON ↔ YAML en jsonyaml.ikit.app y CSV ↔ JSON en csvjson.ikit.app. Para comparar dos archivos JSON usa el Diff Checker, y para comprimir JS/CSS usa el Minifier — todas gratuitas y solo en el navegador, como esta.