Formatador JavaScript
Formate e embeleze código JavaScript online, gratuitamente.
Entrada
Saída
O que é o Formatador JavaScript?
Você acabou de receber um JavaScript minificado ilegível de uma API de terceiros, ou está depurando um bundle de produção — impossível entender. Este formatador adiciona indentação, quebras de linha e espaçamento para que a estrutura fique imediatamente clara. A documentação MDN JavaScript é a referência da linguagem, e a especificação ECMAScript define seus fundamentos. Ferramentas como Prettier e ESLint fazem isso em pipelines CI — mas quando precisa agora, é aqui. Tudo roda no navegador; nenhum código sai do seu computador. webpack e Rollup produzem saídas minificadas que você vai querer formatar para depurar.
Esta ferramenta é executada inteiramente no seu navegador. Nada é enviado a um servidor. Cole JS ou envie um arquivo; obtenha saída formatada. Use Minificar para bundles de produção. Para validação, use Validador JavaScript. Para minificar apenas, use Minificador JavaScript.
Como usar esta ferramenta
Colar ou enviar
Cole JavaScript no painel esquerdo ou envie um arquivo .js ou .txt. Use Amostra para carregar código de exemplo. Use Limpar para redefinir.
Verificar a saída
O painel direito é atualizado automaticamente com o código formatado. Use Minificar para produzir uma versão compacta para produção.
Copiar ou baixar
Use Copiar ou Baixar para obter o resultado. Para JSX/React, use Formatador JSX. Para conversão TypeScript, use JavaScript para TypeScript.
Exemplos de formatação JavaScript
Aqui está um exemplo de formatação de código JavaScript minificado.
Exemplo: Busca de plano de assinante
Entrada minificada:
Saída formatada:
Quando o Formatador JavaScript ajuda
Ao depurar código minificado, revisar bundles de webpack ou rollup, ou aprender com scripts de produção, a formatação torna a estrutura visível. Ótimo para stack traces, código de terceiros e verificações rápidas de legibilidade. A especificação ECMAScript define a linguagem. Para código ofuscado, use primeiro o Desofuscador JavaScript.
Perguntas frequentes
Meus dados são privados?
Sim. A formatação é executada inteiramente no seu navegador. Nenhum dado é enviado a um servidor.
Formatador vs Minificador?
O formatador adiciona indentação para legibilidade. O minificador remove espaços em branco e comentários para arquivo menor. Esta ferramenta pode fazer ambos.
Suporta ES6+?
Sim. A sintaxe moderna de JavaScript (funções de seta, classes, async/await) é suportada.
E o JSX?
Para código JSX e React, use o Formatador JSX.
Pode corrigir erros de sintaxe?
Não. JavaScript inválido mostrará um erro. Use o Validador JavaScript para verificar a sintaxe primeiro.
Ferramentas relacionadas
Saiba mais: ECMAScript, MDN JavaScript, webpack, rollup, source maps, Vite, TypeScript.