JavaScript Beautifier e formatador on-line
Formate, desminifique e limpe instantaneamente JavaScript bagunçado ou compactado (.js / .min.js) em tempo real. Nosso formatador JS com reconhecimento de token lida com precisão com funções de seta ES6+, literais de modelo, expressões regulares, loops for, URLs https:// e chamadas de método encadeadas - e inclui um JS Minifier de um clique para código de produção compacto.
Como embelezar e desminificar JavaScript online
- Cole seu código: Cole seu pacote
.min.jscompactado ou script não formatado no editor Input JavaScript à esquerda ou clique em Load Sample para testar os recursos do ES6+. - Escolha uma predefinição rápida ou personalize opções: Clique em 2 Espaços (padrão), 4 Espaços, Allman + Chain Break ou Minimizar (.min.js) ou ajuste fino posicionamento de chaves, espaçamento condicional e remoção de comentários no painel direito.
- Revisão em tempo real: A saída formatada e os contadores de caracteres/linhas/blocos são atualizados automaticamente conforme você digita ou alterna as configurações.
- Copiar ou baixar: Clique em Copiar para a clipboard ou Baixar .js para salvar
script.beautified.js(ouscript.min.js).
Opções de formatação JavaScript explicadas
| Opção | O que ele controla | Antes | Depois |
|---|---|---|---|
| Aparelhos da mesma linha (K&R) | Coloca a abertura { na linha do cabeçalho (marcado) ou em uma nova linha no estilo Allman (desmarcado). |
if(ok){executar();}else{parar();} |
if (ok) { |
| Espaço Antes Condicional | Controla se um espaço aparece entre if, for, while, switch, catch e (. |
para(seja i=0;i<5;i++) |
para (seja i = 0; i < 5; i++) |
| Métodos de quebra em cadeia | Divide cadeias de métodos fluentes (.filter().map().sort()) em linhas recuadas. |
items.filter(fn).map(fn).sort(); |
items.filter(fn) |
| Remover comentários | Remove comentários // e /* */ enquanto mantém as strings e expressões regulares https:// intactas. |
const u = "https://a.com"; //url |
const u = "https://a.com"; |
Por que usar um formatador JavaScript com reconhecimento de token?
A formatação de JavaScript com regras simples de substituição de texto geralmente quebra o código válido porque caracteres como /, ; e { significam coisas diferentes dependendo do contexto. Nosso formatador usa um tokenizer lexical JavaScript dedicado que entende:
- Strings e literais de modelo ES6: Aspas simples (
'...'), aspas duplas ("..."), strings de modelo de crase (`Hello ${name}`) e barras invertidas de escape ("C:\\Users\\") são preservados literalmente. - Divisão: Distingue literais regex como
/^user_[0-9]+;?/ide expressões de divisão como(a + b) / 2para que pontos e vírgulas ou barras dentro de um regex nunca dividam a linha. for (...)Cabeçalhos de loop: Ponto-e-vírgula dentro defor (seja i = 0; i < n; i++)permanecem na mesma linha de cabeçalho em vez de serem divididos em três linhas separadas.- Remoção segura de comentários: Comentários
//de linha única e/* */de linha única são tokenizados separadamente, portanto, URLs como"https://api.example.com"nunca são truncados ao remover comentários.
Perguntas frequentes
Como faço para desminificar um arquivo .min.js online?
Cole seu código .min.js compactado no editor Input JavaScript à esquerda. O tokenizer expande automaticamente instruções, blocos, funções e loops com recuo limpo de várias linhas em tempo real.
A remoção de comentários afeta URLs https:// ou literais regex em meu JavaScript?
Não. Como nosso formatador usa um tokenizador léxico em vez de uma expressão regular ingênua, // e /* */ dentro de strings entre aspas simples, strings entre aspas duplas, literais de modelo e expressões regulares (/pattern/g) nunca são removidos ou modificados.
Qual é a diferença entre o estilo de chave K&R (mesma linha) e Allman (nova linha)?
O estilo K&R coloca a chave de abertura { na mesma linha que function, if ou cabeçalho de loop (o padrão na maioria dos guias de estilo JavaScript). Desmarcando Chaves da mesma linha muda para o estilo Allman, colocando a chave de abertura em sua própria nova linha alinhada com a chave de fechamento.
Também posso reduzir JavaScript com esta ferramenta?
Sim. Clique no botão Minify JS (ou selecione Minify (linha única .min.js) no painel de configurações) para remover comentários e espaços em branco desnecessários, mantendo intactos os espaços de palavras-chave necessários.
Meu código JavaScript é carregado em algum servidor?
Não. Toda a formatação e minificação do JavaScript são executadas 100% localmente no seu navegador. Seu código-fonte nunca sai do seu dispositivo.