J'écris un site Web en PHP, et le HTML qu'il rend n'est pas bien formaté et difficile à lire dans Firefox (la plupart sur une seule ligne).
Je ne veux pas gâcher mon code PHP en ajoutant des charges de mise en forme d'espace blanc, donc je me demandais s'il y avait une option ou peut-être un add-on pour Firefox qui me donnerait la possibilité d'afficher la source en retrait selon la structure du HTML.
firefox
browser-addons
formatting
html
Willbill
la source
la source
View
menu de la fenêtre source. Faites un clic droit =>View Page Source
pour ouvrir cette fenêtre.Réponses:
Voir le graphique source 2.7
Fonctionne très bien, installez l'extension à partir d'ici: https://addons.mozilla.org/en-US/firefox/addon/655/
Clic droit -> Afficher le graphique source
Voici ce que j'obtiens pour la source HTML de la page d'accueil de Google:
Avant:
Après:
la source
D' ici
Afficher le graphique source Affiche graphiquement la structure source.
JSView 2.0.5 Affiche des informations sur la page des fichiers externes.
HighlightAll Met en évidence les éléments identiques dans le code.
Validateur Html Valide le HTML de la page courante.
Afficher la source formatée Affiche la structure de la source.
SourceEditor Permet de modifier le code et d'afficher les résultats.
la source
J'utilise normalement Firebug pour déboguer la sortie html.
Cela me permet de voir le code 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.
la source
Si quelqu'un cherche la même fonctionnalité en 2019, il y a Fire Source Viewer [1] pour Firefox Quantum qui affiche le DOM HTML embelli après que javascripts l'ait manipulé, ce qui est encore mieux que d'avoir uniquement la source html fournie par le serveur web.
[1] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/
la source
Plugin développeur Web:
la source