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
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

11

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:

texte alternatif

Après:

texte alternatif

— Gaffe
source

5

D' ici

Afficher le graphique source Affiche graphiquement la structure source.

texte alternatif

JSView 2.0.5 Affiche des informations sur la page des fichiers externes.

texte alternatif

HighlightAll Met en évidence les éléments identiques dans le code.

texte alternatif

Validateur Html Valide le HTML de la page courante.

texte alternatif

Afficher la source formatée Affiche la structure de la source.

texte alternatif

SourceEditor Permet de modifier le code et d'afficher les résultats.

texte alternatif

— Joe
source

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
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
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
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