🌐 ES

🧾 Formateador JSON

Añade sangría a JSON para mejorar la legibilidad o minimízalo en una sola línea, y obtén la línea:columna exacta de cualquier error de sintaxis. Explora la estructura con una vista de árbol desplegable.

GUÍA

Más información

01

1. Formato bonito vs minificado

El formato bonito agrega sangría y saltos de línea para que JSON sea fácil de leer para las personas, mientras que la minificación elimina todos los espacios y saltos de línea innecesarios para reducir el tamaño del archivo. El JSON con formato bonito es ideal para depurar durante el desarrollo, mientras que el JSON minificado reduce el tamaño de la carga útil para respuestas reales de API y despliegues en producción. Esta herramienta te permite elegir sangría de 2 espacios, 4 espacios o tabulación para adaptarse al estilo de código de tu proyecto.

02

2. Localizar errores de JSON con precisión

Los mensajes de error de JSON.parse() varían mucho entre motores de navegador, y a menudo es difícil saber exactamente dónde está el problema. Esta herramienta incluye su propio escáner hecho a mano que recorre directamente la gramática JSON (objetos, arrays, cadenas, números y literales), por lo que siempre informa exactamente el mismo "línea N, columna M" sin importar el navegador que uses. Esto facilita detectar rápidamente errores comunes como una coma faltante, una clave sin comillas o una cadena sin cerrar.

03

3. Comprender JSON profundamente anidado con la vista de árbol

Un JSON profundamente anidado es difícil de seguir como texto plano: es fácil perder de vista qué corchete cierra a cuál. La vista de árbol muestra objetos y arrays como nodos colapsables/expandibles, para que puedas profundizar solo en la parte que te interesa. Al hacer clic en el botón de copiar junto a cualquier nodo, se copia la ruta de ese valor (por ejemplo $.tools[1]) al portapapeles, lista para pegarla directamente en el código que necesite referenciarla.

Preguntas frecuentes

¿Se envía mi JSON a un servidor?
No. El análisis, el formato y la validación ocurren en tu navegador mediante JSON.parse() únicamente; no se llama nunca a una API backend. Las cargas útiles o valores de configuración sensibles permanecen privados.
El mensaje de error es escueto: ¿cómo lo interpreto?
Muestra una línea:columna junto con el token esperado, por ejemplo "en 3:5 — Se esperaba ',' o '}'". El cuadro de entrada también selecciona automáticamente esa línea exacta para que puedas ir directamente a ella.
Si cambio la opción de sangría, ¿se actualiza automáticamente mi texto existente?
No. La elección de sangría solo surte efecto la próxima vez que haces clic en "Formato bonito". Cambiar solo el menú desplegable no vuelve a formatear nada.
¿Qué significan "claves" y "profundidad" en las estadísticas de la vista de árbol?
"Claves" es el conteo total de propiedades de objetos en todo el documento JSON, y "profundidad" es cuántos niveles de anidamiento tiene el valor más profundo; sirve como una medida aproximada de la complejidad estructural.