Inspect Elements est un outil de développement Web intégré présent dans la plupart des navigateurs Web qui permet de visualiser et de modifier en temps réel le code HTML, CSS et JavaScript d'un site Web. Cela permet de mieux comprendre comment une page Web est construite, ainsi que de diagnostiquer et de déboguer les problèmes, tels que le contenu mixte.
Pour inspecter les éléments de votre site Web, vous pouvez utiliser l'outil d'inspection des éléments d'un navigateur. Développez la section correspondante pour les instructions relatives à votre navigateur préféré :
Google Chrome
Google Chrome
Faites un clic droit sur une zone vide du site Web ou choisissez un élément, et cliquez sur Inspecter . Alternativement, vous pouvez utiliser le raccourci clavier Ctrl+Maj+I , qui ouvrira tous les outils de développement. Vous pouvez vérifier l'onglet Éléments pour inspecter les éléments ou l'onglet Console pour détecter les erreurs ou les avertissements.
Firefox
Firefox
Faites un clic droit sur une zone vide du site Web ou choisissez un élément, et cliquez sur Inspecter . Vous pouvez également utiliser le raccourci clavier Ctrl+Maj+C.
Opéra
Opéra
Faites un clic droit sur une zone vide du site Web ou choisissez un élément, et cliquez sur Inspecter . Vous pouvez également utiliser le raccourci clavier Ctrl+Maj+I.
Edge
Edge
Faites un clic droit sur une zone vide du site Web ou choisissez un élément, et cliquez sur Inspecter . Alternativement, vous pouvez appuyer sur F12, ce qui ouvrira tous les outils de développement. Vous pouvez vérifier l'onglet Éléments pour inspecter les éléments ou l'onglet Console pour détecter les erreurs ou les avertissements.
Ressources supplémentaires :
Vérifiez ce tutoriel pour vider le cache des navigateurs