Passer au contenu principal
Comment inspecter les éléments du site Web

Inspecter les éléments du site Web via différents navigateurs

Mis à jour il y a plus d’une semaine

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

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

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

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

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 :

Avez-vous trouvé la réponse à votre question ?