Perceber código alheio
Formatar um CSS ou um HTML descarregado é o primeiro passo para o poder ler e modificar.
Formatador de código
Formata de forma legível CSS, HTML ou SQL.
🔒 Este ficheiro é processado no teu navegador. Nunca é enviado para um servidor.
…
Para que serve
Formatar código é reorganizar os seus espaços, quebras de linha e indentações para que a estrutura se veja de imediato. Não muda uma vírgula ao que faz: o programa comporta-se exatamente igual antes e depois.
É preciso mais vezes do que parece. O código minificado que se descarrega de um site é ilegível por desenho. O SQL que devolve uma ferramenta vem numa só linha quilométrica. E o CSS que passou por várias mãos costuma trazer uma mistura de estilos de indentação.
Um código bem formatado revê-se mais depressa e esconde menos erros, porque a indentação torna evidente o que está dentro de quê e onde falta um fecho.
Como funciona
- Escolha a linguagem: CSS, HTML ou SQL.
- Cole o seu código, mesmo que esteja todo amontoado em poucas linhas.
- Clique em "Processar" e copie o resultado já indentado e legível.
Quando usar
Rever consultas SQL
Uma consulta longa numa só linha torna-se compreensível quando cada cláusula ocupa a sua linha.
Uniformizar estilo
Quando um ficheiro mistura indentações de várias origens, formatá-lo deixa-o homogéneo.
Conselhos práticos
- Formatar não altera o comportamento do código, só o aspeto.
- Se o código tem um erro de sintaxe, a formatação pode falhar: é um sinal útil.
- Cobre CSS, HTML e SQL. Para outras linguagens, os editores de código trazem formatadores integrados.
- Guarda sempre a versão formatada como a boa para trabalhar, e minifica só ao publicar.
Perguntas frequentes
Também formata JavaScript?
De momento esta ferramenta cobre CSS, HTML e SQL; para JavaScript pode usar o "Minificador de código" no sentido inverso com um editor local.
Formatar altera a lógica do meu código?
Não, apenas ajusta espaços, quebras de linha e indentação; o comportamento do código é exatamente o mesmo.