DevTools

JSON (JavaScript Object Notation) es el formato de intercambio de datos más utilizado en el desarrollo web moderno. Prácticamente todas las APIs REST devuelven datos en JSON, las configuraciones de herramientas modernas usan JSON, y es el formato nativo de almacenamiento en bases de datos NoSQL como MongoDB. Trabajar con JSON denso o sin formato puede ser frustrante: es difícil encontrar errores, entender la estructura anidada, o identificar valores específicos. Aquí es donde esta herramienta se vuelve indispensable. Esta herramienta te permite formatear, validar y minimizar JSON rápidamente. El formateo aplica sangría y saltos de línea para hacer el JSON legible, la validación verifica que el JSON cumpla con las reglas de sintaxis, y la minimización comprime el JSON eliminando espacios innecesarios para reducir el tamaño en transferencias. Todo se procesa al instante en tu navegador, sin enviar tus datos a ningún servidor.

¿Cómo usar?

1. Pega tu JSON en el campo de texto principal. Puedes copiarlo desde una API, un archivo de configuración o cualquier fuente.
2. Haz clic en 'Formatear / Validar' para embellecerlo con sangría de 2 espacios y verificar que sea sintácticamente válido.
3. Si solo necesitas la versión compacta para transferencia, usa 'Minimizar' para eliminar todos los espacios y saltos de línea.
4. Revisa el mensaje de estado: verde si es válido, rojo si hay errores con la descripción del problema.
5. Copia el resultado formateado o minimizado usando el botón 'Copiar Resultado'.

Casos de Uso Reales

• Depurar respuestas de APIs REST. Pega la respuesta cruda de un endpoint y formatéala para explorar su estructura antes de escribir el código que la consumirá.
• Validar archivos de configuración. Comprueba al instante si tu package.json, tsconfig.json o settings.json siguen siendo válidos después de editarlos a mano.
• Preparar payloads de prueba. Formatea y ajusta cuerpos de petición antes de enviarlos con curl, Postman o Insomnia, evitando errores de sintaxis que cuestan horas.
• Minimizar JSON para producción. Reduce el tamaño de archivos JSON eliminando espacios y saltos de línea, útil para logs compactos o transferencias más rápidas.
• Entender respuestas enormes. Un JSON de miles de caracteres en una sola línea se vuelve navegable cuando se formatea con sangrías consistentes.
• Depurar respuestas de APIs. Cuando una API devuelve un muro de texto JSON sin formato, encontrar el campo que buscas es casi imposible. Formatearlo con sangría revela la estructura jerárquica al instante y el validador te avisa si la respuesta viene truncada o malformada.

Ejemplos Prácticos

Formatear JSON minimizado

{"nombre":"Ana","edad":30,"roles":["admin","dev"],"activo":true}
→ {
  "nombre": "Ana",
  "edad": 30,
  "roles": [
    "admin",
    "dev"
  ],
  "activo": true
}

Detectar errores de sintaxis

{"nombre": "Ana", "edad": 30,}
→ Error: se esperaba un nombre de propiedad pero se encontró }. La coma final es inválida en JSON.

Formatear JSON compacto

{"nombre":"Ana","edad":28,"lenguajes":["Python","JS"]}
→ {
  "nombre": "Ana",
  "edad": 28,
  "lenguajes": [
    "Python",
    "JS"
  ]
}

Detectar un error de sintaxis

{"clave": "valor",}
→ Error: JSON inválido — coma final no permitida (posición 18)

Preguntas Frecuentes