Come si garantisce un codice HTML formattato correttamente quando "visualizzo l'origine" nel browser?

Question

Quando visualizzo il codice sorgente utilizzando browser diversi, le mie pagine Web sembrano avere sempre molto spazio bianco e sono formattate in modo errato. Sto sviluppando un'applicazione web Java usando JSP.

Come posso essere sicuro che quando visualizzo 'source' vedo HTML ben formattato?

Edit:

Quando dico formattato voglio dire tipicamente:

ottengo questo genere di cose:

<div> 




        <p>some text</p> 
    </div> 

quando voglio:

<div> 
     <p>some text</p> 
</div> 

Nei miei JSP (che include) tutto è formattato bene.

Answer 1

View Source mostra solo ciò che la pagina fornisce nei browser che conosco, quindi se l'HTML non è formattato correttamente, non lo vedrete formattato correttamente.

La soluzione migliore sarebbe utilizzare gli strumenti di sviluppo in qualsiasi browser in cui ci si trova. L'HTML è normalmente strutturato correttamente lì durante la visualizzazione dell'HTML. In Chrome o Internet Explorer, F12 dovrebbe aprire gli strumenti di sviluppo e penso che F12 apra Firebug in Firefox se è installato.

Nota: Gli elementi di origine/HTML generalmente visualizzati dagli strumenti di sviluppo non sono esattamente ciò che la pagina sputa. Spesso mostrano elementi dinamici che sono stati aggiunti tramite script e/o plugin.

Answer 2

Altering html generato in una webapp Java è fatto meglio da un Servlet Filter. Puoi eseguire il rollover utilizzando qualsiasi software prettifying che hai a disposizione o installarne uno creato da qualcun altro, come lo JTidyFilter.

Un vantaggio di questo approccio è che è possibile utilizzare il filtro durante lo sviluppo e rimuoverlo per la produzione.

Answer 3

So che lo strumento per sviluppatori di Chrome ha una funzione di "bella stampa" per la formattazione di javascript. Non conosco l'HTML, ma potresti guardare. Sono su un dispositivo mobile, quindi non posso.

Answer 4

Quick source viewer - Chrome Web Store