in

Afficher les balises HTML et la page Web combinées dans Firefox

Voulez-vous un moyen plus simple de voir les balises html d’une page Web sans afficher le code source dans une fenêtre séparée? Vous pouvez maintenant afficher la page Web et les balises combinées dans la même fenêtre en utilisant l’extension X-Ray pour Firefox.

Avant que

Habituellement, si vous souhaitez voir le code source derrière une page Web, vous devez l’afficher dans une fenêtre séparée. Si vous n’êtes intéressé que par une section spécifique, vous devez rechercher l’ensemble du code pour trouver ce que vous recherchez.

Après

L’extension X-Ray vous permettra de voir les balises du document (y compris les noms de classe et d’ID) «côte à côte» avec la page Web dans le même onglet. Vous pouvez utiliser le menu contextuel ou le menu Outils pour accéder à la commande X-Ray.

Voici la même section de page Web que celle illustrée dans la première capture d’écran ci-dessus. Cela peut sembler un peu étrange au début jusqu’à ce que vous vous habituiez à voir les deux ensemble.

Le code d’une partie de la barre latérale sur la même page Web…

Suivi par l’un des ensembles de liens à la fin.

En regardant un autre exemple, supposons que vous soyez intéressé par la façon dont une partie du flux principal est configurée.

Être capable de voir comment un élément particulier est configuré directement dans la page Web est certainement mieux que de rechercher dans toute la page de code.

Conclusion

Si vous concevez des pages Web et que vous voulez un moyen facile de voir comment le site Web de quelqu’un d’autre est codé, vous pouvez essayer cette extension.

Liens

Téléchargez l’extension X-Ray (modules complémentaires Mozilla)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Les meilleurs lecteurs vidéo gratuits pour Windows

Comment désactiver le message d'avertissement plein écran de Firefox

Comment désactiver le message d’avertissement plein écran de Firefox