Ferramenta para desenvolvedores

Formatador de código

Embeleze o código para que possa ser lido ou minifique-o para publicação.

Formatador de código Executa no seu dispositivo
  • Executa no seu navegador — seu texto nunca é enviado a lugar nenhum
  • Sem cadastro, sem cotas, grátis para usar quantas vezes quiser

Como funciona

Código minificado é ilegível por definição, e código escrito à mão raramente tem indentação consistente. Os dois problemas se resolvem com a mesma ferramenta, e nenhum deles é motivo para colar código-fonte proprietário no site de um desconhecido.

Embelezando

Indenta e quebra linhas de JavaScript, CSS e HTML em um estilo consistente. É o que você quer ao ler o código minificado de uma biblioteca, limpar algo colado de outro lugar ou deixar um diff legível. A linguagem é detectada automaticamente, a menos que você a defina.

Minificando, e o que cada modo realmente faz

O JavaScript é minificado por um analisador de verdade, que encurta nomes com segurança e remove código morto. CSS e HTML são minificados de forma conservadora — comentários removidos e espaços reduzidos, sem renomear nem reestruturar nada. Isso é seguro com qualquer entrada, mas sempre vai reduzir menos do que uma ferramenta de build dedicada. Serve para um corte rápido de tamanho, não para substituir o seu bundler.

Ele não consegue consertar código quebrado

Tanto embelezar quanto minificar exigem que a entrada seja analisável. JavaScript inválido é informado, e não adivinhado, porque um formatador que consertasse código mudaria o que ele faz.

Por que isto roda localmente

O código-fonte geralmente é propriedade de alguém, com frequência do seu empregador, e muitas vezes contém chaves e endpoints. Formatá-lo não deveria envolver enviá-lo.

Perguntas frequentes

Formatador de código — perguntas

Quais linguagens ele trata?

JavaScript e JSON, CSS e HTML, detectados automaticamente ou escolhidos manualmente.

O minificador de JavaScript é tão bom quanto uma ferramenta de build?

Para um único arquivo, chega perto, pois usa um analisador de verdade. A minificação de CSS e HTML aqui é deliberadamente conservadora.

Ele corrige erros de sintaxe?

Não. Código inválido é informado, e não adivinhado.

Meu código é enviado?

Não. Tudo roda no seu navegador.