Êtes-vous un développeur Web ou quelqu'un qui souhaite utiliser un Chromebook pour inspecter un élément sur une page Web? Cela ne prend que quelques clics.
La création d’une page Web nécessite beaucoup de choses. Si vous êtes curieux de savoir ce qui se cache derrière un élément spécifique sur une page, vous souhaiterez peut-être afficher le code. Comme un Ordinateur portable Windows, vous pouvez inspecter les éléments via l'option des outils de développement sur votre super Chromebook ou l'un des de nombreuses tablettes ChromeOS. Et il y a deux façons de procéder.
Si vous utilisez un Chromebook géré par une école ou une entreprise, la fonction d'inspection des éléments peut être bloquée et vous ne pourrez pas suivre les étapes de ce guide. Il n'y a aucun moyen de le débloquer sans demander au préalable à l'administrateur. Les éléments d'inspection peuvent être bloqués pour votre sécurité et pour empêcher l'ingénierie inverse et la tricherie lors des examens en ligne.
Les développeurs Web et les utilisateurs plus avancés de ChromeOS voudront peut-être inspecter l'élément sur un Chromebook via le menu des outils de développement. Ce menu simple sur ChromeOS vous permet d'approfondir le contenu d'une page Web. Ce n'est pas super caché, mais voici comment le trouver.
- Cliquez sur les trois points à côté de l'icône de votre profil dans la barre de menu Chrome.
- Choisir la Plus d'outils option.
- Choisir Outils de développement.
- Une console s'ouvrira sur le côté droit de la page Web, vous montrant le code du site Web sur lequel vous vous trouvez.
- Tout en haut à gauche de cette console, vous verrez une icône carrée avec une souris. Cliquez dessus. Vous pouvez également appuyer sur Ctrl + Maj + C pour déclencher la fonction.
- Vous pourrez désormais passer la souris là où vous le souhaitez sur la page Web et le code de cet élément spécifique apparaîtra.
- Cliquez sur la zone sur laquelle vous survolez pour voir le code dans la console de droite.
Vous pouvez également éviter complètement ce menu en le déclenchant automatiquement avec Ctrl + Maj + I sur votre clavier.
Inspecter les éléments d'un Chromebook à l'aide d'une souris ou d'un pavé tactile
Comme les autres navigateurs Web, Chrome vous permet d'inspecter des éléments en utilisant uniquement votre souris ou votre pavé tactile.
- Passez votre souris sur la partie de la page Web que vous souhaitez inspecter.
- Faites un clic droit dans cette zone.
- Choisir Inspecter du menu.
- Le menu des outils de développement Chrome s'ouvrira.
- Cliquez sur l'icône carrée avec une souris en haut du menu. Vous pouvez également appuyer sur Ctrl + Maj + C pour déclencher la fonction.
- Passez la souris sur la zone que vous souhaitez inspecter et vous verrez le code apparaître.
- Cliquez sur l'élément pour accéder à cette ligne de code dans la console.
Il ne faut pas grand chose pour inspecter l'élément sur une page Web sur un Chromebook. Il existe deux méthodes simples, à condition que votre administrateur les ait activées. Si vous souhaitez en savoir plus sur ChromeOS, consultez nos guides pour savoir comment vous pouvez change ton fond d'écran tous les jours et comment tu peux télécommande dans un Chromebook.