JavaScript Embellecedor y Minificador
Formatee JavaScript desordenado con estilos de sangría y llaves personalizados, o minimice para reducir el tamaño del archivo. Compatible con ES6+. Se ejecuta completamente en su navegador: su código nunca sale de su dispositivo.
Cómo embellecer y minificar JavaScript
Cómo utilizar esta herramienta
Pegue su JavaScript en el panel de entrada, seleccione Embellecer o Minimizar desde las pestañas de modo, y el resultado aparece instantáneamente. Ajuste opciones como el tamaño de sangría, el estilo de llaves y el manejo de nueva línea antes de procesar. Haga clic en Copiar salida para copiar al portapapeles o en Descargar .js para guardar el archivo.
Opciones de embellecimiento explicadas
- Estilo de llaves —
Contraermantiene{en la misma línea (K&R / estándar JS).Expandirpone{en su propia línea (estilo Allman).Fin-expandires un híbrido dondeelseycatchobtienen líneas propias. - Preservar líneas en blanco — mantiene líneas en blanco del original donde existen. Útil para código que utiliza espacios como agrupación lógica.
- Modo JSLint — coincide con el estilo aplicado por JSLint de Douglas Crockford. Las expresiones de función obtienen un espacio antes de
(, entre otros ajustes. - Desescapar cadenas — convierte
\xNNy\uNNNNde vuelta a sus caracteres literales donde sea seguro.
Opciones de minificación explicadas
- Mantener /*! licencia */ — conserva los comentarios que comienzan con
/*!, la convención utilizada por la mayoría de las bibliotecas para marcar los encabezados de derechos de autor de MIT/Apache que deben permanecer en el código distribuido. - Quitar el último punto y coma — elimina el
;final antes de}. Ahorra un byte pero hace que los diffs sean más ruidosos, por lo que está desactivado de forma predeterminada.
El minificador es intencionalmente conservador: elimina únicamente espacios en blanco y comentarios. No renombra variables, manipula propiedades ni realiza eliminación de código muerto a nivel AST. Para optimización más agresiva, use terser o esbuild en su pipeline de compilación.
Desarrollado por js-beautify
El embellecedor funciona con js-beautify, la misma biblioteca utilizada por VS Code, Sublime Text, Atom y los formateadores en línea más populares. Todo se ejecuta localmente en su navegador: sin pasos de carga, sin viajes de ida y vuelta al servidor y sin límite de velocidad. Pegue un paquete minificado de 500 KB y lo formateará en milisegundos.
Preguntas frecuentes
¿Mi código JavaScript se envía a un servidor?
No. Todo el embellecimiento y la minificación se realizan completamente en su navegador usando js-beautify cargado desde una CDN. Su código nunca sale de su dispositivo.
¿Cuál es la diferencia entre embellecer y minimizar?
Embellecer formatea el código con sangría y saltos de línea adecuados para la legibilidad humana. Minificar elimina espacios en blanco, comentarios y caracteres innecesarios para reducir el tamaño del archivo en producción.
¿El minificador cambia el nombre de las variables?
No. Esta herramienta solo elimina espacios en blanco y comentarios. No renombra variables, no manipula identificadores ni realiza optimizaciones a nivel AST. Para ese nivel de compresión, use Terser, UglifyJS o esbuild en un pipeline de compilación.
¿Puede manejar la sintaxis de ES6+?
Sí. El embellecedor es compatible con JavaScript moderno, incluyendo funciones flecha, literales de plantilla, async/await, clases, desestructuración, spread/rest, encadenamiento opcional y coalescencia nula.
¿Qué opciones de estilo de llaves están disponibles?
Tres estilos: Contraer (llave de apertura en la misma línea que la sentencia), Expandir (llave de apertura en una nueva línea) y Fin-expandir (apertura en la misma línea, pero else y catch obtienen nuevas líneas).