Ce wikiHow vous apprend à examiner le code source HTML des éléments visuels d'une page Web dans Google Chrome à l'aide d'un ordinateur.
Étape
Étape 1. Ouvrez Google Chrome sur l'ordinateur
L'icône Chrome ressemble à une boule colorée avec un point bleu au centre. Vous pouvez trouver cette icône dans le dossier « Applications » sur un ordinateur Mac ou dans le menu « Démarrer » sur un ordinateur Windows.
Étape 2. Cliquez sur l'icône des trois points verticaux
Il se trouve à côté de la barre d'adresse, dans le coin supérieur droit de la fenêtre de votre navigateur. Après cela, un menu déroulant s'affichera.
Étape 3. Survolez Plus d'outils dans le menu déroulant
Après cela, le sous-menu sera affiché.
Étape 4. Cliquez sur Outils de développement dans le sous-menu « Plus d'outils »
Une colonne d'inspection sera affichée sur le côté droit de la fenêtre du navigateur.
Alternativement, vous pouvez ouvrir la fenêtre d'inspection avec un raccourci clavier. Appuyez sur Option+⌘ Cmd+I sur les ordinateurs Mac et Ctrl+Alt+I sur les ordinateurs Windows
Étape 5. Survolez un élément dans la colonne d'inspection
Lorsque le curseur survole un élément ou une ligne dans la fenêtre d'inspection, l'élément correspondant sera marqué sur la page Web.
Étape 6. Cliquez avec le bouton droit sur l'élément que vous souhaitez inspecter sur la page Web
Le menu contextuel apparaîtra dans la liste déroulante.
Étape 7. Sélectionnez Inspecter dans le menu déroulant
Après cela, la colonne d'inspection sera déplacée vers le haut ou vers le bas jusqu'à cet élément. Le code source de l'élément sera signalé.
