Voulez-vous un moyen plus simple d'afficher les balises html d'une page Web sans afficher le code source dans une fenêtre distincte? Vous pouvez maintenant afficher la page Web et les balises combinées dans la même fenêtre à l'aide de l'extension X-Ray pour Firefox.
Avant
Habituellement, si vous voulez 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.
Remarque: vous pouvez ramener la page Web à son affichage normal en cliquant à nouveau sur la commande Rayons X ou en actualisant la page.
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 simple 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)
