Ce wikiHow vous apprend à inspecter le code source HTML d'un élément visuel sur n'importe quelle page Web sur Google Chrome, à l'aide d'un ordinateur.
Pas
Étape 1. Ouvrez Google Chrome sur votre ordinateur
L'icône Chrome ressemble à une boule colorée avec un point bleu au centre. Vous pouvez le trouver dans votre dossier Applications sur un Mac ou dans votre menu Démarrer sur Windows.
Étape 2. Cliquez sur l'icône des trois points verticaux
Ce bouton est situé à côté de la barre d'adresse dans le coin supérieur droit de la fenêtre de votre navigateur. Cela ouvrira un menu déroulant.
Étape 3. Survolez Plus d'outils dans le menu déroulant
Un sous-menu apparaîtra.
Étape 4. Cliquez sur Outils de développement dans le sous-menu Plus d'outils
Cela ouvrira la colonne Inspecteur sur le côté droit de la fenêtre de votre navigateur.
Vous pouvez également ouvrir l'inspecteur avec un raccourci clavier. Ce raccourci est ⌥ Option+⌘ Cmd+I sur Mac et Ctrl+Alt+I sur Windows
Étape 5. Survolez un élément de la colonne Inspecteur
Déplacer votre souris sur un élément ou une ligne dans Inspector mettra en surbrillance l'élément sélectionné sur la page Web.
Étape 6. Cliquez avec le bouton droit sur un élément que vous souhaitez inspecter sur n'importe quelle page Web
Votre menu contextuel apparaîtra dans une liste déroulante.
Étape 7. Sélectionnez Inspecter dans le menu déroulant
Cela fera défiler la colonne Inspecteur vers le haut ou vers le bas jusqu'à l'élément sélectionné et mettra en évidence son code source.