Frequentemente, ao usar coisas como CMS e geradores de sites estáticos, a saída HTML parece lixo (o erro indevido é a falha mais irritante).
Existe alguma solução para apresentar a saída no "View Source" do Chrome arrumado / pretérito ?
No meu caso, estou usando um gerador de site estático. Tudo parece perfeito no editor, mas o código é danificado ao visualizar no navegador.
(Eu sei que provavelmente posso adicionar uma tarefa de compilação (por exemplo, Grunt) para lidar com HTML-prettifying.Mas em muitos casos, como ao usar ferramentas live-reload (eu estou usando Mixture.io) onde você realmente pré-visualizar uma versão interna do site, isso não é uma solução ideal.)
Eu recomendo Visualizador de origem rápida .
Ele pode mostrar a origem da página atual formatada e codificada por cores.
É muito poderoso, mostrando todas 'fontes' da página, seja css, js ou html. Mesmo coisas como in-line css / js podem ser visualizadas individualmente (com código injetado destacado). E a melhor parte é que tudo isso é pretendido, até mesmo o css (que as ferramentas de desenvolvimento do Chrome ainda se recusam a fazer).