Desenvolvedor 🔒 Roda no seu navegador — nenhum dado é enviado

Formatador de JavaScript

Transforme JavaScript minificado ou mal formatado em código que dá para ler de verdade.

Entrada
Saída

Formatar JavaScript online

Ler um bundle de produção, um widget de terceiros ou um trecho que alguém espremeu em uma linha fica muito mais fácil depois que ele está indentado. Esta página é o Formatador de código configurado para formatar JavaScript, usando a biblioteca de código aberto js-beautify no seu navegador.

O que muda

  • Cada instrução vai para a sua própria linha.
  • Os blocos entre chaves são indentados conforme o nível de aninhamento.
  • São adicionados espaços em volta dos operadores e depois das vírgulas.
  • As linhas em branco que você manteve são preservadas, até duas seguidas.

Como ler código minificado

A saída formatada de um arquivo minificado ainda tem nomes de uma letra, então leia pela estrutura: encontre as funções exportadas, siga as chamadas e renomeie as coisas mentalmente à medida que as entende. Se o projeto original publica source maps, as ferramentas de desenvolvedor do navegador podem mostrar o código-fonte original, o que é sempre melhor do que ler código minificado.

Ferramentas relacionadas

Para fazer o caminho inverso, use o minificador de JavaScript. Para ver o que mudou entre duas versões de um script, formate as duas aqui e compare-as no Comparador de textos.