Est-il possible d'afficher la source HTML automatiquement formatée dans Firefox

10

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.

Willbill
la source
Notez que les versions récentes de Firefox (je pense que c'était depuis 4, confirmé pour 10+) sont livrées avec la possibilité de mettre en évidence la syntaxe et l'habillage des mots dans le Viewmenu de la fenêtre source. Faites un clic droit => View Page Sourcepour ouvrir cette fenêtre.
Bob

Réponses:

3

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.

harrymc
la source
1

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/

dasj19
la source
0

Plugin développeur Web:

L'extension Web Developer ajoute divers outils de développement Web à un navigateur. L'extension est disponible pour Chrome et Firefox, et s'exécutera sur n'importe quelle plate-forme prise en charge par ces navigateurs, y compris Windows, OS X et Linux

entrez la description de l'image ici

Angelo
la source
Je l'ai installé mais son dosent fait ce dont j'ai besoin Je pense que je n'ai pas été assez propre sur ce que je veux dire par "formaté" Je vais éditer la question maintenant
Willbill
Donnez au moins une brève description de la caractéristique saillante du plugin qui se rapporte à la question. Sinon, c'est juste une réponse désinvolte.
aléatoire
Le plugin de développeur Web est un plugin très populaire qui, entre autres, permet de visualiser la source de n'importe quelle page. La vue source a une certaine surbrillance, elle est donc "formatée" - bien que maintenant je vois que l'OP veut quelque chose de plus spécifique pour le formatage.
Angelo