Herramientas para Desarrolladores

Formateador de JavaScript

Convierte JavaScript minificado o desordenado en código limpio e indentado.

Valora esta herramienta
Entrada
Salida

Cómo usar Formateador de JavaScript

  1. Pega tu JavaScript a la izquierda.
  2. La versión formateada aparece a la derecha.
  3. Copia el código legible.

Acerca de Formateador de JavaScript

El Formateador de JavaScript transforma código minificado o mal formateado en JavaScript limpio y correctamente indentado. Pega tu código fuente a la izquierda y la versión legible aparece a la derecha, con indentación consistente, espaciado alrededor de operadores y llaves, y cada instrucción en su propia línea. Paquetes densos y archivos minificados en una sola línea se convierten en algo que realmente puedes seguir.

Funciona sobre js-beautify, la misma librería ampliamente utilizada que incorporan muchos editores e IDE, de modo que el formateo coincide con convenciones que los desarrolladores ya conocen, en lugar de un estilo casero. Esto es exactamente lo que necesitas cuando intentas leer un script de terceros, depurar un paquete de producción o entender un código que llegó sin ningún espacio en blanco.

Formatear es solo un paso de presentación: reindenta tu código sin cambiar su lógica, y todo ocurre en tu navegador, así que nada se sube. Copia el resultado ordenado cuando termines. Cuando llegue el momento de publicar, el Minificador de JavaScript lo comprime de forma segura, y el Formateador de CSS hace lo mismo con tus hojas de estilo.

Preguntas frecuentes

¿Qué utiliza el formateador de JavaScript?

Está construido sobre js-beautify, la misma librería consolidada que se encuentra en muchos editores e IDE. Eso le da una indentación y un espaciado predecibles y familiares, en lugar de un formateador casero y puntual.

¿Formatear cambia el comportamiento de mi código?

No. Solo reformatea espacios en blanco y disposición. Las instrucciones, nombres y lógica no se tocan, así que el código se ejecuta exactamente igual que antes, solo que en una forma mucho más legible.

¿Puede leer código minificado o empaquetado?

Sí. Pega un script comprimido en una sola línea y se expande en código limpio e indentado, lo cual es muy valioso para depurar un paquete de producción o estudiar una librería de terceros.

¿Se sube mi JavaScript a un servidor?

No. El formateo se ejecuta por completo en tu navegador, así que tu código nunca sale de la página. Eso lo hace seguro para scripts propietarios o aún no publicados.

¿Cómo lo reduzco de nuevo para producción?

Pasa el código formateado por el Minificador de JavaScript, que elimina comentarios y recorta espacios en blanco de forma conservadora para que el archivo sea más pequeño sin arriesgarse a romper el comportamiento.