Embellecedor JSON
Formatea JSON con sangría personalizable para mejor legibilidad
Prueba un ejemplo
Entrada
Salida formateada
Se ejecuta localmente · Es seguro pegar secretos
El JSON formateado aparecerá aquí…
Se ejecuta localmente · Es seguro pegar secretos
El JSON formateado aparecerá aquí…
¿Qué es JSON Pretty Print?
JSON pretty print transforma el JSON compacto y difícil de leer en un formato con sangría ordenada y múltiples líneas. Mientras las máquinas procesan JSON en una sola línea sin problema, los humanos necesitan estructura — jerarquía visual, corchetes alineados y sangría consistente — para comprender datos complejos rápidamente.
Before · json
After · json
{"user":"alice","role":"admin","permissions":["read","write"],"active":true,"lastLogin":1717200000}{
"user": "alice",
"role": "admin",
"permissions": [
"read",
"write"
],
"active": true,
"lastLogin": 1717200000
}¿Por qué formatear JSON?
El JSON crudo de APIs, bases de datos y archivos de registro suele estar minificado para ahorrar ancho de banda. El formateo restaura la estructura legible que necesitas para depurar, revisar y entender datos sin forzar la vista.
🔍
Depuración más rápida
Detecta campos faltantes, valores incorrectos y errores estructurales en segundos en lugar de analizar un muro de texto carácter por carácter.
👥
Revisiones de código más claras
Revisar cambios en archivos de configuración JSON en pull requests es mucho más fácil con sangría adecuada — los revisores pueden centrarse en lo que cambió.
🔌
Inspección de APIs
Al explorar una nueva API, las respuestas formateadas te permiten entender el modelo de datos y la estructura de anidamiento de un vistazo.
📝
Documentación y compartir
El JSON formateado está listo para pegarse en documentos, wikis, tickets y Slack sin que nadie tenga que analizarlo mentalmente.
Elegir la sangría
Tanto 2 como 4 espacios son de uso generalizado. La elección correcta suele depender de la guía de estilo de tu equipo o preferencia personal.
2 espacios
La opción más popular en las comunidades de JavaScript y JSON. Mantiene los archivos compactos siendo todavía legibles. Usada por npm, ESLint y la mayoría de guías de estilo JS.
4 espacios
Común en proyectos de Python, Java y C#. Proporciona más espacio visual y suele preferirse para estructuras con anidamiento profundo.
Casos de uso comunes
Depuración de respuestas API
Pega una respuesta API sin procesar y ve al instante la estructura de datos completa, objetos anidados y contenidos de arrays en un diseño legible.
Lectura de archivos de configuración
La configuración almacenada en JSON minificado se vuelve trivial de leer y editar una vez formateada — sin más búsquedas de esa clave concreta.
Análisis de registros
Los registros estructurados suelen contener payloads JSON. Formatear entradas individuales hace el análisis de causa raíz mucho más rápido.
Documentación para desarrolladores
Proporciona ejemplos JSON claros e indentados en tu documentación API para que los desarrolladores entiendan inmediatamente la forma de solicitudes y respuestas.
Exploración de datos
Al trabajar con un conjunto de datos desconocido, el formateo revela el esquema completo — campos, tipos y anidamiento — sin leer documentación primero.
Testing y QA
Comparar el JSON esperado con el real en fallos de pruebas es mucho más fácil con sangría consistente y estructura línea por línea.
Formatear en tu terminal
No siempre necesitas una herramienta de navegador. Estos comandos formatean JSON directamente en tu terminal sin ninguna instalación adicional.
Python
echo '{"a":1}' | python3 -m json.toolNode.js
node -e "console.log(JSON.stringify(JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')),null,2))"CLI (jq)
cat data.json | jq .
curl + jq
curl -s https://api.example.com/data | jq .
Preguntas frecuentes
What is JSON pretty printing?
JSON pretty printing (also called JSON formatting or JSON beautifying) converts compact, minified JSON into a human-readable layout with consistent indentation and line breaks. It makes nested structures, arrays, and key-value pairs easy to scan and debug.
¿El formateo cambia los datos?
No. Solo se añaden espacios en blanco — no se modifican datos, claves, valores ni orden. Un archivo JSON formateado es semánticamente idéntico al original.
¿Qué es mejor: 2 espacios o 4?
Ninguno es objetivamente mejor. 2 espacios es más compacto y es el valor por defecto en muchas herramientas JavaScript. 4 espacios proporciona mayor separación visual. Usa el que especifique la guía de estilo de tu equipo.
¿Puedo formatear JSON inválido?
No — la entrada debe ser JSON válido primero. Si tienes comas finales, comillas simples o comentarios (JSONC/JSON5), conviértelos a JSON estándar antes de formatear.
¿Cómo formateo JSON en DevTools del navegador?
En Chrome/Firefox DevTools, haz clic en el botón {} en la parte inferior del panel de respuesta de red para formatearlo automáticamente. También puedes ejecutar JSON.stringify(obj, null, 2) en la consola para formatear cualquier objeto JavaScript.
Guías por lenguaje
Herramientas relacionadas
Formateador y Embellecedor JSONFormatea y embellece JSON con resaltado de sintaxisValidador JSONValida la sintaxis y estructura JSONDiferencias JSONCompara dos objetos JSON y resalta las diferenciasMinificador JSONMinifica y compacta JSON eliminando espacios en blancoJSON a YAMLConvierte JSON a formato YAMLConversor de JSON a CSVConvierte arrays JSON a formato CSVJSON a TypeScriptGenera interfaces TypeScript desde JSONJSON a Clase C#Genera clases C# a partir de JSONJSON a Go StructGenera structs de Go desde JSONJSON a PythonGenera Python dataclasses desde JSONJSON a JavaGenera clases Java POJO desde JSONJSON a DartGenera clases Dart desde JSON con fromJson y toJson