Formatear JavaScript Online

Cómo usar el formateador de JavaScript

1. Pega tu código JavaScript en el recuadro superior, o pulsa Cargar ejemplo para probar con un fragmento minificado.
2. Elige la sangría: 2 espacios, 4 espacios o tabulador.
3. Marca Conservar saltos de línea si quieres respetar las líneas en blanco que ya separaban bloques en tu código.
4. Pulsa Formatear. La primera vez tarda un instante porque se carga el motor de formateo.
5. Pulsa Copiar y pega el resultado en tu editor.

Si trabajas también con hojas de estilo o datos, tienes el formateador de CSS y el formateador y validador de JSON, y el resto de herramientas de la categoría Formateadores, Validadores y Texto.

Preguntas frecuentes

¿Formatear JavaScript cambia lo que hace el código?

No. Solo cambia espacios, sangría y saltos de línea. Los nombres de variables, la lógica y el resultado de ejecutar el código siguen siendo los mismos.

¿Se envía mi código a algún servidor?

No. El formateo se hace en tu navegador. Lo único que se descarga es la librería de formateo (js-beautify), y solo la primera vez que pulsas Formatear.

¿Qué pasa si mi código tiene un error de sintaxis?

La herramienta te avisa con un mensaje indicando el error. Aun así intenta formatearlo, porque a menudo ver el código bien sangrado ayuda a encontrar la llave o el paréntesis que falta.

¿Puedo formatear código minificado?

Sí, es el uso más habitual: pegar un archivo .min.js y volver a hacerlo legible. Ten en cuenta que los nombres de variables acortados durante la minificación no se pueden recuperar.

¿Cuál es la diferencia entre formatear y minificar?

Formatear añade espacios y saltos de línea para que el código se lea bien mientras lo desarrollas o lo revisas. Minificar hace lo contrario: elimina todo lo que sobra para que el archivo pese menos en producción.