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

Voulez-vous un moyen plus facile 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 à l’aide de l’extension X-Ray pour Firefox..

Avant

Généralement, si vous voulez voir le code source derrière une page Web, vous devez le voir dans une fenêtre séparée. Si vous êtes uniquement intéressé par une section spécifique, vous devez effectuer une recherche dans l'ensemble du code afin de 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 montrée dans la première capture d'écran ci-dessus. Cela peut sembler un peu étrange au début jusqu'à ce que vous soyez habitué à voir les deux ensemble.

Remarque: vous pouvez rétablir l'affichage normal de la page Web en cliquant à nouveau sur la commande Rayon X ou en actualisant la page..

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

Suivi de l'un des ensembles de liens à la fin.

En regardant un autre exemple, supposons que vous soyez intéressé par la configuration d'une partie du flux principal..

Pouvoir voir comment un élément particulier est configuré directement dans la page Web est certainement préférable à une recherche dans la page de code entière..

Conclusion

Si vous concevez des pages Web et souhaitez un moyen simple de voir comment le site Web d'une autre personne est codé, vous pouvez essayer cette extension..

Liens

Téléchargez l'extension X-Ray (extensions Mozilla)