JavaScript Embelezador & Minificador
Formate JavaScript confuso com recuo personalizado e estilos de chaves ou reduza para reduzir o tamanho do arquivo. ES6+ suportado. Funciona inteiramente no seu navegador – seu código nunca sai do seu dispositivo.
Como embelezar e decorar Minificar JavaScript
Como usar esta ferramenta
Cole seu JavaScript no painel de entrada, selecione Embelezar ou Minimizar nas guias de modo e o resultado aparece instantaneamente. Ajuste opções como tamanho de recuo, estilo de chaveta e tratamento de nova linha antes do processamento. Clique Copiar saída copiar para a área de transferência ou Baixe .js para salvar o arquivo.
Opções de embelezamento explicadas
- Estilo de cinta -
Collapsemantém{na mesma linha (K&R / JS padrão).Expandcoloca{em linha própria (estilo Allman).End-expandé um híbrido ondeelseecatchobtenha novas linhas. - Preservar novas linhas — mantém as linhas em branco do original onde elas existirem. Útil para código que usa espaçamento como agrupamento lógico.
- Feliz com JSLint - corresponde ao estilo aplicado pelo JSLint de Douglas Crockford. Expressões de função recebem um espaço antes
(, entre outros ajustes. - Cordas sem escape - converte
\xNNe\uNNNNescapa de volta para seus personagens literais, onde é seguro.
Opções de redução explicadas
- Manter /*! licença */ — preserva comentários começando com
/*!, a convenção usada pela maioria das bibliotecas para marcar cabeçalhos de direitos autorais do MIT/Apache que devem permanecer no código distribuído. - Tira o último ponto e vírgula - remove o final
;antes}. Salva um byte, mas torna as diferenças mais barulhentas, portanto fica desativado por padrão.
O minificador é intencionalmente conservador – ele remove apenas espaços em branco e comentários. Isso acontece não renomear variáveis, alterar propriedades ou executar eliminação de código morto no nível AST. Para uso de otimização agressiva terser ou esbuild em seu pipeline de construção.
Desenvolvido por js-beautify
O embelezador é alimentado por js-beautify, a mesma biblioteca usada pelo VS Code, Sublime Text, Atom e pelos formatadores online mais populares. Tudo é executado localmente no seu navegador – sem etapa de upload, sem ida e volta do servidor e sem limite de taxa. Cole um pacote minificado de 500 KB e ele será formatado em milissegundos.
Perguntas frequentes
Meu código JavaScript é enviado para um servidor?
No. All beautification and minification happens entirely in your browser using js-beautify loaded from a CDN. Your code never leaves your device.
Qual é a diferença entre embelezar e minificar?
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.
O minificador renomeia variáveis?
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.
Ele consegue lidar com a sintaxe ES6 +?
Yes. The beautifier supports modern JavaScript including arrow functions, template literals, async/await, classes, destructuring, spread/rest, optional chaining, and nullish coalescing.
Quais opções de estilo de aparelho estão disponíveis?
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).