Comment inspecter un élément sur Google Chrome

PDF download Télécharger l'article
Coécrit par Luigi Oppido

PDF download Télécharger l'article

À l’aide d’un ordinateur, il est possible d’inspecter le code source HTML d’un élément visuel sur une page web dans Google Chrome.

Étapes

PDF download Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bf\/Inspect-Element-on-Chrome-Step-1-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bf\/Inspect-Element-on-Chrome-Step-1-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    L’icône de Chrome est une balle multicolore avec un point bleu en son centre. Vous pouvez la trouver dans votre dossier Applications sur un Mac, ou dans le menu Démarrer sur Windows.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b1\/Inspect-Element-on-Chrome-Step-2-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-2-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b1\/Inspect-Element-on-Chrome-Step-2-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Elle se situe à côté de la barre d’adresse, dans l’angle supérieur droit de la fenêtre de votre navigateur. Un menu déroulant apparaitra.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/05\/Inspect-Element-on-Chrome-Step-3-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-3-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/05\/Inspect-Element-on-Chrome-Step-3-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Un sous-menu s’affichera.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/Inspect-Element-on-Chrome-Step-4-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-4-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/Inspect-Element-on-Chrome-Step-4-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    La colonne de l’inspecteur s’affichera dans la partie droite de votre navigateur.
    • Il est aussi possible d’ouvrir l’inspecteur grâce à un raccourci clavier. Sur Mac, tapez ⌥ Option + ⌘ Cmd + I , et sur Windows Ctrl + Alt + I .
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0f\/Inspect-Element-on-Chrome-Step-5-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/Inspect-Element-on-Chrome-Step-5-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Placez votre souris sur un élément ou une ligne dans l’inspecteur. L’élément sélectionné sera alors mis en surbrillance sur la page web.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ad\/Inspect-Element-on-Chrome-Step-6-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ad\/Inspect-Element-on-Chrome-Step-6-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Le menu associé au clic droit s’affichera.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/20\/Inspect-Element-on-Chrome-Step-7-Version-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/20\/Inspect-Element-on-Chrome-Step-7-Version-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    L’inspecteur défilera automatiquement vers le haut ou le bas pour localiser l’élément sélectionné et mettre en surbrillance son code source.
    • Vous n’avez pas besoin d’ouvrir l’inspecteur manuellement pour faire ceci. Sélectionner Inspecter dans le menu clic droit ouvre automatiquement l’inspecteur.
    Publicité

wikiHows en relation

3 manières d'utiliser des extensions pour Chrome sur un iPad
Comment
corriger le problème d'affichage plein écran d'une vidéo de YouTube dans Chrome
Comment
définir Google comme moteur de recherche par défaut
Comment
changer l'arrière plan de Google Chrome
Comment
désactiver complètement les mises à jour de Google Chrome
Comment
actualiser automatiquement les pages web sur Chrome
Comment
désinstaller Google Chrome
Comment faire une capture d'écran dans Google Chrome : ordinateur ou mobile
Comment
verrouiller Google Chrome avec un mot de passe
Comment changer la langue par défaut de Google Chrome : dispositif mobile et ordinateur
Comment
activer et désactiver la visualisation des PDF sous Chrome (PC et Mac)
Comment
éliminer Bing de Google Chrome
Comment
exporter les favoris de Chrome
5 manières de définir Google Chrome comme le navigateur par défaut
Publicité

À propos de ce wikiHow

Autres langues 
Cette page a été consultée 59 931 fois.

Cet article vous a-t-il été utile ?

Publicité