Sto scrivendo un sito Web in PHP e l'HTML che visualizza non è ben formattato e difficile da leggere in Firefox (la maggior parte è su una sola riga).
Non voglio rovinare il mio codice PHP aggiungendo un sacco di cose di formattazione degli spazi bianchi, quindi mi chiedevo se c'è un'opzione o forse un componente aggiuntivo per Firefox che mi darà la possibilità di visualizzare la fonte rientrata secondo la struttura dell'HTML.
Risposte:
Funziona bene, installa l'estensione da qui: https://addons.mozilla.org/en-US/firefox/addon/655/
Tasto destro del mouse -> Visualizza grafico sorgente
Questo è ciò che ottengo per l'origine HTML della home page di Google:
Prima:
Dopo:
Da qui
Visualizza grafico sorgente Visualizza graficamente la struttura di origine.
JSView 2.0.5 Visualizza le informazioni sui file esterni della pagina.
Evidenzia Tutti Evidenzia elementi identici nel codice.
HTML Validator Convalida HTML della pagina corrente.
Visualizza sorgente formattata Mostra la struttura di origine.
SourceEditor Consente di modificare il codice e visualizzare i risultati.
Normalmente utilizzo Firebug per il debug dell'output HTML.
Questo mi permette di vedere l'html come viene visualizzato dal browser, insieme alla fonte ben formattata in Firebug. Posso anche ispezionare elementi nel codice HTML visualizzato e vedere da dove provengono nella fonte HTML di origine.
Se qualcuno sta cercando la stessa funzionalità nel 2019, c'è Fire Source Viewer [1] per Firefox Quantum che mostra il DOM HTML abbellito dopo che javascripts lo ha manipolato, il che è ancora meglio che avere solo la fonte html fornita dal server web.
[1] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/
L'estensione Web Developer aggiunge vari strumenti di sviluppo Web a un browser. L'estensione è disponibile per Chrome e Firefox e funzionerà su qualsiasi piattaforma supportata da questi browser, inclusi Windows, OS X e Linux
Viewmenu della finestra di origine. Basta fare clic destro =>View Page Sourceper aprire questa finestra.