JavaScript Embelezador & Minificador
Formate JavaScript confuso com recuo e estilos de chaves personalizados, ou minifique para reduzir o tamanho do arquivo. ES6+ suportado. Funciona inteiramente no seu navegador — seu código nunca sai do seu dispositivo.
Como formatar e 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 do recuo, estilo de chaves e tratamento de novas linhas antes de processar. Clique em Copiar saída para copiar para a área de transferência ou em Baixar .js para salvar o arquivo.
Opções de embelezamento explicadas
- Estilo de chaves —
Collapsemantém{na mesma linha (K&R / JS padrão).Expandcoloca{em sua própria linha (estilo Allman).End-expandé um híbrido em queelseecatchrecebem 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.
- Modo JSLint — corresponde ao estilo aplicado pelo JSLint de Douglas Crockford. As expressões de função recebem um espaço antes de
(, entre outros ajustes. - Decodificar strings — converte os escapes
\xNNe\uNNNNde volta para seus caracteres literais quando é seguro.
Opções de redução explicadas
- Manter /*! license */ — 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. - Remover último ponto e vírgula — remove o
;final antes de}. Economiza um byte, mas deixa os diffs mais ruidosos, por isso fica desativado por padrão.
O minificador é intencionalmente conservador — ele remove apenas espaços em branco e comentários. Ele não renomeia variáveis, altera propriedades nem executa eliminação de código morto no nível AST. Para uma otimização mais agressiva, use terser ou esbuild em seu pipeline de build.
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?
Não. Todo o embelezamento e minificação acontecem inteiramente no seu navegador, usando o js-beautify carregado de um CDN. Seu código nunca sai do seu dispositivo.
Qual é a diferença entre embelezar e minificar?
Embelezar formata o código com recuo e quebras de linha adequados para facilitar a leitura humana. Minificar remove espaços em branco, comentários e caracteres desnecessários para reduzir o tamanho do arquivo para uso em produção.
O minificador renomeia variáveis?
Não. Esta ferramenta apenas remove espaços em branco e comentários. Ela não renomeia variáveis, altera identificadores nem executa otimizações em nível de AST. Para esse nível de compressão, use Terser, UglifyJS ou esbuild em um pipeline de build.
Ele consegue lidar com a sintaxe ES6+?
Sim. O formatador suporta JavaScript moderno, incluindo arrow functions, template literals, async/await, classes, desestruturação, spread/rest, encadeamento opcional e coalescência nula.
Quais opções de estilo de chaves estão disponíveis?
Três estilos: Recolher (chave de abertura na mesma linha da instrução), Expandir (chave de abertura em uma nova linha) e End-Expand (abertura na mesma linha, mas else e catch recebem novas linhas).