Antes de que toques nada, la página ya ha leído el JSON de ejemplo del editor y lo ha reescrito con sangría de 2 espacios. Con ese mismo análisis puedes formatear JSON propio: usa el JSON.parse del navegador, así que lo que pasa aquí pasa también en JavaScript.
Nada sale de tu navegador
El análisis y el formato son JavaScript de la propia página. Si abres la pestaña Red de las herramientas de desarrollo y pulsas cualquier botón, no se envía nada. El texto tampoco se guarda en el almacenamiento del navegador. Copiar usa el portapapeles y Descargar crea el archivo en tu dispositivo.
Formatear JSON botón a botón
- Al abrir la página, el editor trae un ejemplo breve. Borrar lo vacía y Cargar ejemplo lo devuelve. Sustitúyelo por tu texto.
- La línea de estado bajo el editor cambia mientras escribes entre "JSON válido" y "JSON no válido", y muestra el tamaño. Si hay un error, un recuadro rojo encima cita el mensaje del analizador.
- Formatear (2 espacios) y Formatear (4 espacios) reemplazan el texto por la versión con sangría. Si el texto no es válido, queda como estaba y el recuadro de error sigue visible.
- Minimizar deja una sola línea sin espacios, útil antes de meter datos de prueba en un comando
curl. Ordenar claves (A-Z) ordena las claves de cada objeto y aplica sangría de 2 espacios. - Copiar copia el texto del editor y Descargar .json lo guarda como
data.json.
Comas finales y otras cosas que el análisis rechaza
Solo se acepta JSON estricto. Estos casos dan error, aunque JavaScript o JSON5 los admitan:
- comentarios
- una coma después del último elemento, que es el motivo más habitual del recuadro rojo
- comillas simples en lugar de
"y claves sin comillas
Cuando 1.0 se convierte en 1
La herramienta lee el texto como valores de JavaScript y los escribe de nuevo, y de ahí vienen las sorpresas. 1.0 vuelve como 1. El entero 12345678901234567890 vuelve como 12345678901234567000, porque los números de JavaScript son doubles y pierden dígitos por encima de 9007199254740991. Guarda los identificadores largos como cadenas.
Si un objeto repite una clave, gana el último valor y el primero desaparece al formatear.
Ordenar claves para comparar versiones
Dos versiones de un archivo de traducciones se ven distintas, pero sospechas que solo cambió el orden. Ordena ambas, pásalas por una herramienta de diff y quedan solo los cambios reales. Ordenar actúa a cualquier profundidad y los arrays conservan su orden. El criterio es el código de los caracteres, así que "Zebra" va antes que "apple", y las claves como "10" las pone JavaScript siempre al principio.
Sin deshacer y sin tabuladores
No hay sangría con tabuladores ni botón de deshacer: copia antes el original. La página no limita el tamaño, pero procesa en el hilo principal, y un archivo de decenas de megabytes puede bloquear la pestaña. Los mensajes de error cambian entre Chrome, Firefox y Safari.