Formateador y Validador JSON
Pega cualquier JSON para formatearlo con la indentación correcta, validar la sintaxis o minificarlo para producción.
JSON (JavaScript Object Notation) es el formato universal de intercambio de datos para APIs, archivos de configuración, registros de bases de datos y comunicación entre servicios. El JSON minificado, sin ningún espacio en blanco, es eficiente para transmitir pero imposible de leer. El JSON formateado, con la indentación correcta, es legible pero verboso. Esta herramienta te permite pasar de uno a otro al instante: pega respuestas de API comprimidas para leerlas con claridad, o minifica archivos de configuración formateados antes de enviarlos a producción. El validador además señala los errores de sintaxis con número de línea y columna para que corrijas rápido cualquier JSON malformado.
Cómo usarlo
- Pega tu JSON. Suelta la cadena JSON en el área de entrada. Puede estar formateada o minificada, completa o parcial. La herramienta maneja ambos casos sin ningún preprocesamiento.
- Formatea o minifica. Haz clic en Formatear/Embellecer para añadir indentación y saltos de línea, dejando las estructuras anidadas visualmente claras. Haz clic en Minificar para quitar todos los espacios y producir la cadena JSON más compacta posible, para producción o para transmisiones con límite de tamaño.
- Revisa el resultado de la validación. Si tu JSON contiene un error de sintaxis, la herramienta reporta la línea y la posición exacta del problema. Los errores comunes incluyen comas finales sobrantes (no válidas en JSON), cadenas con comillas simples (JSON exige comillas dobles) y caracteres especiales sin escapar dentro de las cadenas.
- Copia la salida. Haz clic en Copiar para copiar el JSON formateado o minificado al portapapeles. Pégalo donde lo necesites, en un editor de código, un cliente de API, un archivo de configuración o documentación.
Consejos para un mejor resultado
- Corrige los errores de validación antes de formatear. Formatear JSON inválido produce una salida confusa. Si la validación reporta un error, corrige primero el problema de sintaxis y luego vuelve a formatear. El mensaje de error incluye la línea y el carácter exactos donde falló el parseo del JSON.
- Úsalo para depurar APIs. Al depurar respuestas de API, pega aquí el cuerpo crudo de la respuesta para obtener una vista indentada y legible de la estructura de datos. Es mucho más rápido que descifrar mentalmente un blob JSON minificado en el DevTools de red.
- Compara dos objetos JSON con el comparador de textos. Para ver qué cambió entre dos versiones de una respuesta de API, formatea ambas y pégalas en el comparador de textos lado a lado para ver exactamente qué campos cambiaron.
- Úsalo para validar archivos de configuración. JSON es el formato base de muchos archivos de configuración (package.json, tsconfig.json, .eslintrc). Pega aquí una configuración para detectar errores de sintaxis antes de subir una configuración rota a tu repositorio.
Por qué usar PixMidas
- Validación instantánea con detalles del error. El formateador reporta exactamente dónde ocurrió el error de sintaxis del JSON, incluyendo número de línea y posición del carácter, para que encuentres y corrijas el problema de inmediato.
- 100% privado. Todo el procesamiento del JSON se ejecuta en tu dispositivo, usando las funciones nativas JSON.parse() y JSON.stringify() de JavaScript. Tus datos nunca salen de tu dispositivo.
- Sin cuenta y sin registro. Gratis e instantáneo. El procesamiento del JSON se ejecuta localmente en tu dispositivo.
Preguntas frecuentes
¿Cuál es la diferencia entre formatear y minificar JSON?
El JSON formateado usa indentación (normalmente 2 o 4 espacios) y saltos de línea para presentar la estructura de datos visualmente, con cada par clave-valor en su propia línea y los objetos anidados indentados. El JSON minificado elimina todo el espacio en blanco que no está dentro de valores de cadena, produciendo la representación más compacta. Ambos representan exactamente los mismos datos. Usa JSON formateado para desarrollo, archivos de configuración y documentación. Usa JSON minificado para respuestas de API en producción, payloads de localStorage y cualquier lugar donde importe el tamaño de la transferencia de red.
¿Por qué mi JSON es inválido si parece correcto?
Las causas más comunes de errores de validación de JSON: comas sobrantes después del último elemento de un objeto o array (por ejemplo, {"a": 1,}, inválido en JSON, válido en JavaScript); cadenas con comillas simples (JSON exige comillas dobles en todas las cadenas y claves); barras invertidas o caracteres especiales sin escapar dentro de valores de cadena; comas faltantes entre elementos; y comentarios (JSON no admite comentarios, usa los formatos JSONC o JSON5 si necesitas comentarios en archivos de configuración).
¿Cuál es la diferencia entre JSON y objetos JavaScript?
Los literales de objeto de JavaScript permiten claves sin comillas, cadenas con comillas simples, comas finales y comentarios. JSON exige comillas dobles en todas las claves y valores de cadena, sin comas finales y sin comentarios. JSON es un subconjunto estricto de la notación de datos de JavaScript, independiente del lenguaje. Por eso, código JavaScript que parece JSON válido a menudo contiene diferencias sutiles que lo hacen técnicamente JSON inválido.
¿Cómo formateo JSON en un editor de código?
La mayoría de los editores tienen formateo de JSON integrado. En VS Code: abre el archivo JSON y pulsa Shift+Alt+F (Windows/Linux) o Shift+Option+F (Mac). En los IDE de JetBrains: Ctrl+Alt+L. Para formatear puntualmente un JSON de una respuesta de API o del portapapeles, esta herramienta online es más rápida que abrir un archivo en un editor de código.
¿Puedo usar esto para validar archivos de JSON Schema?
Esta herramienta valida que tu JSON sea sintácticamente correcto, es decir, revisa estructura y sintaxis. No valida el JSON contra una especificación de JSON Schema (lo que comprobaría que los datos coinciden con una forma esperada definida en un documento de schema). Para validación de JSON Schema, usa una biblioteca o herramienta dedicada de validación de JSON Schema.
¿Qué es JSONC y por qué falla la validación aquí?
JSONC (JSON with Comments) es un superconjunto de JSON que permite comentarios // de una línea y /* de varias líneas */. Se usa en los archivos de configuración de VS Code (settings.json, tsconfig.json) y en algunas otras herramientas de desarrollo. Los parsers de JSON estándar rechazan los comentarios. Si trabajas con archivos JSONC, elimina los comentarios antes de pegar aquí, o usa un editor que entienda JSONC de forma nativa.