Embelezador de HTML

HTML minificado — colapsado em uma ou poucas linhas longas por uma ferramenta de build — é otimizado inteiramente para tamanho de transferência, não para uma pessoa ler, o que se torna um obstáculo real no momento em que você precisa inspecionar a estrutura de página de um concorrente, depurar um problema de produção olhando o código-fonte, ou entender como um widget incorporado de terceiros é realmente construído. Embelezá-lo restaura o aninhamento que um leitor humano precisa seguir: cada elemento em sua própria linha, indentado para refletir quão profundo está dentro de seus pais, que é a representação sobre a qual uma pessoa realmente raciocina em vez da única linha densa que uma ferramenta de build otimizou para máquinas transferirem.

Inspecionar uma página construída por outra pessoa — a landing page de um concorrente, a marcação de um widget incorporado, um projeto antigo sem código-fonte acessível — é uma das razões mais comuns para recorrer especificamente a um embelezador: as ferramentas de desenvolvedor do navegador mostram o DOM renderizado ao vivo, o que é útil para um propósito, enquanto embelezar o código-fonte HTML bruto mostra a estrutura de documento real que o servidor enviou, com a indentação restaurada, que é uma visão distinta e frequentemente mais útil ao tentar entender como uma página foi realmente construída em vez de como ela acabou sendo renderizada.