Comment inspecter un élément sur un Mac dans n'importe quel navigateur

Avez-vous déjà été curieux au sujet du code source d'une page web ? Presque tous les navigateurs web, y compris le navigateur natif de votre Mac, ont une fonctionnalité qui vous permet de le consulter - cela s'appelle Inspecter l'élément.

Non seulement vous pouvez voir le code HTML, CSS et JavaScript d'une page web avec l'Inspecteur d'éléments, mais vous pouvez aussi le modifier. Cela permet aux développeurs de tester des pages web et des applications web avec cette fonctionnalité, mais les utilisateurs peuvent également l'utiliser pour modifier les polices dans leurs navigateurs personnels.

Consultez les étapes ci-dessous pour apprendre à utiliser l'Inspecteur d'éléments sur n'importe quel navigateur de votre Mac et commencez à modifier le code.

Comment inspecter un élément dans Safari et d'autres navigateurs sur un Mac

Utiliser la fonctionnalité Inspecter l'élément est le même dans tous les navigateurs Web disponibles pour macOS. Vous pouvez l'activer en quelques clics. L'exception est Safari, qui nécessite que Inspecter l'élément soit activé avant de pouvoir être utilisé. Nous avons expliqué comment l'activer dans une section séparée ci-dessous.

Mais pour utiliser l'outil Inspecter l'élément sur votre navigateur Mac préféré en général (ou une fois qu'il est activé) :

1. Ouvrez votre navigateur préféré et allez sur une page web que vous souhaitez inspecter.

2. Contrôlez-cliquez (clic droit) n'importe où sur la page web, et sélectionnez Inspecter ou Inspecter l'élément dans le menu contextuel. Vous pouvez également utiliser le raccourci clavier Cmd + Shift + C.

   

3. L'outil Inspecteur s'ouvrira et le code source de la page web apparaîtra. Lisez ou apportez des modifications au code comme bon vous semble ; par exemple, vous pouvez modifier des pages web sur Safari en utilisant Inspecter l'élément pour bidouiller du texte et des images.

4. Pour fermer l'outil Inspecteur, cliquez sur le bouton X.

   

Comment activer l'inspection des éléments dans Safari

Pour activer la fonction Inspecter l'élément dans Safari sur votre Mac, vous devez activer le menu Développer. Pour ce faire :

1. Ouvrez Safari, allez à Safari > Préférences dans la barre de menu, ou appuyez sur Cmd + , sur votre clavier.
2. Allez à l'onglet Avancé.
3. Cochez la case Afficher le menu Développement dans la barre de menus.

Le menu Développement devrait maintenant apparaître dans le menu du haut lorsque vous utilisez Safari, et vous devriez pouvoir accéder à Inspecter l'élément sur votre Mac à partir du menu contextuel !

Quand utiliser l'inspecteur d'éléments dans votre navigateur

Les développeurs peuvent utiliser Inspect Element pour essayer des changements de mise en page sur des pages web et des applications web et tester la fonctionnalité pour les utilisateurs dans différents navigateurs. Mais cela peut aussi être utilisé par des utilisateurs normaux.

Si une page web a une police que vous trouvez difficile à lire, ou si elle est dans une couleur que vous n'aimez pas, vous pouvez utiliser l'outil Inspecter l'élément pour la modifier afin que la page soit plus lisible ou agréable à regarder. Vous pouvez également changer les en-têtes de la page web via Inspecter l'élément pour taquiner vos amis.

Inspecter l'élément modifie uniquement les choses sur votre Mac et le navigateur spécifique que vous utilisez. Donc, utilisez-le chaque fois que vous souhaitez apporter un changement rapide à un site Web pour l'adapter à vos préférences.

Inspecter l'élément : une fonctionnalité pour améliorer l'expérience utilisateur

Savoir comment utiliser l'Inspecteur d'éléments sur votre Mac peut rendre votre utilisation des pages web plus fluide et agréable. Cela peut offrir des solutions rapides aux problèmes de mise en forme et permettre aux développeurs de corriger des bogues.

Nous espérons que notre guide vous aidera à utiliser cette fonctionnalité, afin que la prochaine fois que vous aurez des problèmes avec une page web dans Safari ou tout autre navigateur, vous sachiez que vous avez une solution!

FAQ

Q : Comment utiliser l'outil Inspecter l'élément dans un PDF sur mon Mac ?

Pour utiliser l'Inspecter l'élément dans des PDFs sur votre Mac, le processus est assez simple. Ouvrez un PDF dans l'application Aperçu et cliquez sur l'icône d'information. Ici, vous pourrez accéder à de nombreux aspects — comme la taille du fichier, le créateur du contenu, et plus.

Q : Comment utiliser l'inspecteur d'éléments sans cliquer avec le bouton droit sur mon Mac ?

Utiliser l'Inspecteur d’Éléments sans toucher à votre pavé tactile est incroyablement simple. Tout ce que vous devez faire est d'appuyer simultanément sur command + option + I. Une fois que vous avez fait cela, la fenêtre de l'Inspecteur d’Éléments devrait apparaître en bas de votre écran; vous pouvez la fermer de la même manière que vous le feriez avec la méthode du clic droit. Vous pouvez également utiliser de nombreux autres raccourcis clavier Mac pour plusieurs autres fonctions sur votre appareil.

Q: L'inspecteur d'éléments s'ouvre-t-il automatiquement dans toutes les fenêtres?

Non —la fenêtre de l'Inspecteur d'élément ne s'ouvrira que dans l'onglet que vous utilisez actuellement. Si vous souhaitez utiliser cette fonctionnalité dans un autre de vos onglets, vous devrez alors vous y rendre manuellement et suivre le même protocole que pour le premier.