É possível visualizar o formato HTML formatado automaticamente no Firefox

Question

Estou escrevendo um site em PHP, e o HTML que ele renderiza não está bem formatado e é difícil de ler no Firefox (a maior parte está em uma única linha).

Eu não quero bagunçar meu código PHP adicionando cargas de coisas de formatação de espaço em branco, então eu queria saber se há uma opção ou talvez um complemento para o Firefox que me dará a capacidade de visualizar a fonte recuado de acordo com a estrutura do HTML.

    

Answer 1

Ver gráfico fonte 2.7

Funciona muito bem, instale a extensão aqui: link

Clique com o botão direito - > Ver gráfico de origem

Isso é o que eu recebo da fonte HTML da página inicial do Google:

Antes:

Depois:

    

Answer 2

De aqui

Exibir gráfico de origem Exibe graficamente a estrutura de origem.

JSView 2.0.5 Exibe informações nos arquivos externos da página.

HighlightAll Em destaque elementos no código.

Validador HTML Valida HTML da página atual.

Ver fonte formatada Mostra a estrutura de origem.

Editor de fontes Permite editar código e ver os resultados.

    

Answer 3

Eu normalmente uso o Firebug para depurar a saída html.

Isso permite que eu veja o html conforme é renderizado pelo navegador, junto com a fonte bem formatada no Firebug. Eu também posso inspecionar elementos no html exibido e ver de onde eles vêm na fonte html de origem.

    

Answer 4

Plugin para desenvolvedores da Web:

The Web Developer extension adds various web developer tools to a browser. The extension is available for Chrome and Firefox, and will run on any platform that these browsers support including Windows, OS X and Linux