Sobre esta ferramenta
O código chega minificado de um bundle, ou bagunçado de uma colagem rápida, e você precisa do contrário. Este formatador faz as duas coisas: embelezar para expandir e indentar HTML, CSS ou JavaScript até ficar legível, ou minificar para reduzir na hora de publicar. A minificação de JavaScript é feita pelo Terser e a de CSS pelo CSSO — as mesmas ferramentas testadas usadas em pipelines de build reais.
Tudo roda localmente no seu navegador, então até código proprietário fica na sua máquina. Escolha a linguagem, escolha embelezar ou minificar e copie o resultado.
Perguntas frequentes
Qual a diferença entre "beautify" (formatar) e "minify" (minificar)?
Formatar adiciona indentação e quebras de linha para tornar o código fácil de ler; minificar remove espaços em branco, comentários e encurta nomes para deixar o arquivo o menor possível em produção. Use formatar durante o desenvolvimento e minificar antes de publicar.
Minificar muda o comportamento do meu código?
Não deveria — os minificadores só reescrevem sintaxe comprovadamente equivalente (renomear variáveis locais, remover código morto etc.). Se o resultado minificado se comportar de forma diferente, geralmente é sinal de código que dependia de peculiaridades sensíveis a espaços, ou um bug real que o parser do minificador detectou.
Meu código é enviado para algum lugar?
Não. Tanto a formatação quanto a minificação rodam inteiramente no seu navegador usando bibliotecas JavaScript (js-beautify, Terser, csso) carregadas uma vez e executadas localmente. Seu código nunca sai desta página.
Quais linguagens este formatador suporta?
JavaScript, CSS e HTML. A minificação de JS usa Terser, a de CSS usa csso, e a minificação de HTML é um processo leve e personalizado que preserva o conteúdo das tags <pre>, <script> e <style>.
Por que recebi um erro de sintaxe em vez do resultado formatado?
O formatador analisa seu código antes de formatá-lo ou minificá-lo, então um erro de sintaxe real (uma chave sem par, uma vírgula solta) é relatado com o número da linha em vez de gerar silenciosamente uma saída quebrada.