Como usar: Formatador JavaScript
- Cole JavaScript (ou JSON/JSX) em Entrada JavaScript, arraste um arquivo
.jsou clique em Exemplo. - Escolha a indentação, uma largura de quebra opcional e o estilo de chaves. A saída é atualizada na hora.
- Copie ou baixe o resultado. Use o modo Minificar para remover comentários e espaços de um script pequeno.
O que é um formatador de JavaScript?
Um formatador de JavaScript (ou beautifier) reindenta o código e coloca instruções, propriedades de objetos e blocos em linhas separadas. A função mais comum dele é desminificar pacotes de produção para que você consiga ler o código durante a depuração, mas ele também é muito útil para organizar um trecho do Stack Overflow, um bookmarklet ou código copiado de um chat. Esta ferramenta usa o js-beautify, que entende sintaxe moderna: arrow functions, classes, template literals, async/await, optional chaining, módulos ES e JSX.
Estilos de chaves
| Opção | Resultado |
|---|---|
| Mesma linha (K&R / “1TBS”) | if (ok) { — a convenção da maioria dos guias de estilo de JavaScript e do Prettier. |
| Mesma linha, manter inline | Igual ao anterior, mas blocos curtos como { a: 1 } continuam em uma linha só. |
| Próxima linha (Allman) | Chaves de abertura em linha própria, comum em projetos de C#. |
| else em nova linha | } e else em linhas separadas (estilo parecido com Stroustrup). |
Formatar não é desofuscar
Minificadores como Terser ou esbuild renomeiam variáveis locais para uma letra só (function(e,t){…}). A formatação restaura a estrutura visual, mas não consegue trazer de volta os nomes originais nem os comentários, porque essas informações foram descartadas. Se o site publicar source maps (//# sourceMappingURL=), o DevTools do seu navegador pode mostrar o código-fonte original. Código ofuscado de propósito (arrays de strings, empacotamento com eval) continua difícil de ler, mesmo depois de formatado.
Sobre o minificador
O modo Minificar é um minificador seguro de espaços e comentários, não um compressor completo. Ele faz a tokenização correta do código (strings, template literals, expressões regulares) e remove comentários e espaços, mas mantém uma quebra de linha sempre que removê-la poderia alterar a inserção automática de ponto e vírgula, por exemplo depois de return ou antes de ++. Duas verificações de segurança rodam em todo resultado: a sequência de tokens precisa ser idêntica à da entrada, e a saída precisa continuar sendo parseada sem erros. Espere uma economia de 20 a 40%. Para pacotes de produção, uma ferramenta de build como Terser ou esbuild também renomeia variáveis e remove código morto, o que gera ganhos bem maiores.
Problemas comuns
- “Não é possível fazer o parse como JavaScript puro”: aparece em TypeScript, JSX ou quando há um erro de sintaxe real. A formatação continua funcionando; a minificação exige JavaScript válido.
- JSON é formatado normalmente aqui, mas o Formatador JSON também valida o conteúdo e aponta o erro exato.
- Quer comparar um arquivo antes e depois de uma mudança? Cole as duas versões no Diff Checker.
Também pesquisado como: beautifier javascript, js beautifier, desminificar javascript, deixar javascript legível, minificador javascript, formatar jsx, formatador js.
Ferramentas que combinam com: Formatador JavaScript
- Código para Imagem — Cole um trecho e receba um screenshot de código caprichado em segundos: destaque de sintaxe para JavaScript, TypeScript, Python, CSS, HTML, JSON, SQL, Bash, Go e PHP, uma escolha de temas, moldura de janela com nome de arquivo, fundo em gradiente ou transparente, espaçamento e números de linha.
- Formatador HTML — Cole HTML minificado ou bagunçado e receba um código limpo e com indentação consistente, incluindo os blocos <style> e <script> embutidos.
- Formatador de CSS — Transforme uma folha de estilo minificada em CSS legível, com uma propriedade por linha e blocos @media aninhados corretamente.
- Testador de Expressões Regulares — Digite um padrão e veja as correspondências serem destacadas em tempo real no seu texto de teste.
Perguntas frequentes
Dá para desminificar JavaScript de um site com esta ferramenta?
.min.js e ele será organizado de forma legível. Nomes de variáveis encurtados pelo minificador (como e, t, n) não podem ser restaurados, e os comentários se foram para sempre.