Ferramentas para Desenvolvedores

Formatador de JavaScript

Transforme JavaScript minificado ou bagunçado em código limpo e indentado.

Avalie esta ferramenta
Entrada
Saída

Como usar Formatador de JavaScript

  1. Cole o seu JavaScript à esquerda.
  2. A versão formatada aparece à direita.
  3. Copie o código legível.

Sobre Formatador de JavaScript

O Formatador de JavaScript transforma código minificado ou mal formatado em JavaScript limpo e devidamente indentado. Cole o seu código-fonte à esquerda e a versão legível aparece à direita, com indentação consistente, espaçamento em torno de operadores e chaves, e cada instrução em sua própria linha. Pacotes densos e arquivos minificados em uma única linha se tornam algo que você realmente consegue acompanhar.

Ele funciona com base no js-beautify, a mesma biblioteca amplamente usada e embutida em muitos editores e IDEs, de modo que a formatação corresponde a convenções que os desenvolvedores já conhecem, em vez de um estilo personalizado. É exatamente o que você precisa quando está tentando ler um script de terceiros, depurar um pacote de produção, ou entender um código que chegou sem nenhum espaço em branco.

A formatação é uma etapa apenas de estilo: ela reindenta o seu código sem alterar sua lógica, e tudo acontece no seu navegador, então nada é enviado. Copie o resultado organizado quando terminar. Na hora de publicar, o Minificador de JavaScript o comprime com segurança, e o Formatador de CSS faz o mesmo para as suas folhas de estilo.

Perguntas frequentes

O que o formatador de JavaScript utiliza?

Ele é construído sobre o js-beautify, a mesma biblioteca consolidada encontrada em muitos editores e IDEs. Isso proporciona uma indentação e um espaçamento previsíveis e familiares, em vez de um formatador personalizado e avulso.

Formatar altera o comportamento do meu código?

Não. Ele apenas reformata os espaços em branco e o layout. As instruções, nomes e a lógica permanecem intocados, então o código executa exatamente como antes, apenas em uma forma muito mais legível.

Ele consegue ler código minificado ou empacotado?

Sim. Cole um script compactado em uma única linha e ele será expandido em código limpo e indentado, o que é inestimável para depurar um pacote de produção ou estudar uma biblioteca de terceiros.

Meu JavaScript é enviado para um servidor?

Não. A formatação acontece inteiramente no seu navegador, então o seu código nunca sai da página. Isso a torna segura para scripts proprietários ou ainda não publicados.

Como reduzo o código novamente para produção?

Passe o código formatado pelo Minificador de JavaScript, que remove comentários e reduz espaços em branco de forma conservadora, deixando o arquivo menor sem arriscar quebrar o comportamento.