Formatador JavaScript - Ferramenta online gratuita

Funcionalidades

Alternar entre embelezar e minificar

Indentação personalizada

Realce de sintaxe

Como Usar

1. Cole o JavaScript na caixa de entrada à esquerda.

2. Clique em Formatar para embelezar ou Minificar para comprimir.

3. Copie a saída formatada.

Sobre esta ferramenta

Scripts minificados, código colado de um chat ou um bundle aberto no navegador são difíceis de ler numa única linha. Este formatador reindenta JavaScript com base em chaves, colchetes e parênteses, coloca cada instrução em sua própria linha e mantém strings e comentários intactos, para que a estrutura de funções e objetos volte a ficar visível. Escolha dois espaços, quatro espaços ou tabulações. Minificar faz o caminho inverso, removendo comentários e espaços extras para gerar uma cópia compacta. É um formatador leve, que roda instantaneamente no seu navegador, e não um compilador completo, então é ideal para ler e organizar código; para uma formatação consistente em todo um projeto, use o Prettier ou o formatador do seu editor.

Perguntas Frequentes

Ele consegue reverter código ofuscado ou minificado para o original?

Formatar recupera a indentação e as quebras de linha, o que torna o código minificado legível, mas nomes de variáveis encurtados como a, b ou e não voltam aos nomes originais. Para isso são necessários source maps.

Ele suporta TypeScript ou JSX?

TypeScript e JSX simples costumam ser formatados de forma aceitável, porque a indentação segue chaves e colchetes, mas anotações de tipo e tags JSX não são analisadas de forma especial. Use o Prettier para formatar essas linguagens com confiabilidade.

É seguro usar o resultado minificado em produção?

Ele remove comentários e espaços, mas não renomeia variáveis nem elimina código morto como minificadores dedicados, por exemplo Terser ou esbuild. Para builds de produção, use o minificador do seu bundler, que também gera source maps.

Formatar vai mudar como meu código roda?

O formatador só muda espaços e quebras de linha. O principal risco é código que depende da inserção automática de ponto e vírgula entre linhas; sempre rode os testes no código formatado antes de fazer commit.

Por que o resultado fica estranho perto de expressões regulares?

Um literal de expressão regular como /[a-z]+/ pode parecer uma divisão para um formatador leve. Se uma linha com uma regex complexa for quebrada de forma estranha, corrija essa linha à mão ou use um formatador baseado em parser completo.