javascript embellecedor &erio; 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 mejorar Minimizar 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 llave y el manejo de nueva línea antes de procesar. Hacer clic Copiar salida copiar al portapapeles o Descargar .js para guardar el archivo.
Opciones de embellecer explicadas
- Estilo de corsé —
Colapsarmantiene{en la misma línea (K&R / estándar JS).Expandirpone{en su propia línea (estilo Allman).Fin-expandires un híbrido dondedemásyatraparobtener líneas nuevas. - Preservar nuevas líneas — mantiene líneas en blanco del original donde existen. Útil para código que utiliza espacios como agrupación lógica.
- JSLint-feliz - coincide con el estilo aplicado por JSLint de Douglas Crockford. Las expresiones de funciones obtienen un espacio antes
(, entre otros ajustes. - Cuerdas sin escape - convierte
\xNNy\uNNNNescapa de nuevo a sus personajes literales donde están a salvo.
Minimizar opciones 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 la final
;antes}. Guarda un byte pero hace que las diferencias sean más ruidosas, por lo que está desactivado de forma predeterminada.
El minificador es intencionalmente conservador: elimina únicamente espacios en blanco y comentarios. lo hace no cambie el nombre de las variables, modifique las propiedades o realice la eliminación de códigos muertos a nivel AST. Para un uso de optimización agresivo más terso o construir en su canal de compilación.
Desarrollado por js-beautify
El embellecedor funciona con js-belleza, 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. All beautification and minification happens entirely in your browser using js-beautify loaded from a CDN. Your code never leaves your device.
¿Cuál es la diferencia entre embellecer y minimizar?
Beautifying formats code with proper indentation and line breaks for human readability. Minifying removes whitespace, comments, and unnecessary characters to reduce file size for production deployment.
¿El minificador cambia el nombre de las variables?
No. This tool performs whitespace and comment removal only. It does not rename variables, mangle identifiers, or perform AST-level optimizations. For that level of compression use Terser, UglifyJS, or esbuild in a build pipeline.
¿Puede manejar la sintaxis de ES6+?
Yes. The beautifier supports modern JavaScript including arrow functions, template literals, async/await, classes, destructuring, spread/rest, optional chaining, and nullish coalescing.
¿Qué opciones de estilos de aparatos ortopédicos están disponibles?
Three styles: Collapse (opening brace on same line as the statement), Expand (opening brace on a new line), and End-Expand (opening on same line, but else and catch get new lines).