J'écris un site Web en PHP, et le HTML qu'il rend n'est pas bien formaté et est difficile à lire dans Firefox (la plupart du temps sur une seule ligne).
Je ne veux pas gâcher mon code PHP en ajoutant des tas d'espaces blancs pour le formatage. Je me demandais donc s'il existait une option ou peut-être un module complémentaire pour Firefox qui me donnerait la possibilité d'afficher la source en retrait selon la structure du HTML.
[MISE À JOUR] : Le lien original était cassé, voici le site web : http://viewsourcechart.com/
Clic droit -> Voir le graphique source
Voici ce que j'obtiens pour la source HTML de la page d'accueil de Google :
Avant :
Après :
De aquí
Voir le tableau des sources Affiche graphiquement la structure de la source.
JSView 2.0.5 Affiche des informations sur les fichiers externes de la page.
Mettre en évidenceTout Met en évidence les éléments identiques dans le code.
Valideur Html Valide le HTML de la page en cours.
Afficher la source formatée Montre la structure de la source.
SourceEditor Permet de modifier le code et de visualiser les résultats.
J'utilise normalement Firebug pour le débogage de la sortie html.
Cela me permet de voir le html tel qu'il est rendu par le navigateur, ainsi que la source bien formatée dans Firebug. Je peux également inspecter les éléments dans le html affiché et voir d'où ils viennent dans la source html d'origine.
Si quelqu'un recherche la même fonctionnalité en 2019, il existe Fire Source Viewer [1] pour Firefox Quantum qui affiche le DOM HTML embelli après que les javascripts l'aient manipulé, ce qui est encore mieux que de n'avoir que la source html fournie par le serveur web.
[1] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/
SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.
0 votes
Notez que les versions récentes de Firefox (je pense que c'est depuis la 4, confirmé pour la 10+) ont la possibilité de faire de la coloration syntaxique et de l'habillage de mots sous la rubrique
Viewde la fenêtre source. Il suffit de faire un clic droit =>View Page Sourcepour ouvrir cette fenêtre.