Que vous utilisiez Safari, Chrome ou tout autre navigateur sur votre Mac, nous vous apprendrons comment accéder à Inspect Element pour apporter des modifications à une page Web.
Avez-vous déjà été curieux de connaître le code source d'une page Web? Presque tous les navigateurs Web, y compris le navigateur natif de votre Mac, disposent d'une fonctionnalité qui vous permet de le consulter: elle s'appelle Inspect Element.
Non seulement vous pouvez voir le code de la page Web HTML, CSS et JavaScript avec Inspect Element, mais vous pouvez également 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 savoir comment utiliser Inspect Element sur n'importe quel navigateur de votre Mac et commencer à modifier le code.
Comment inspecter un élément dans Safari et d'autres navigateurs sur un Mac
L'utilisation de la fonctionnalité Inspecter les éléments est la même dans tous les navigateurs Web disponibles pour macOS. Vous pouvez l'activer en quelques clics. L'exception à cette règle est Safari, qui nécessite l'activation d'Inspect Element avant de pouvoir être utilisé. Nous avons expliqué comment l'activer dans une section distincte ci-dessous.
Mais pour utiliser Inspect Element sur votre navigateur Mac préféré en général (ou une fois qu'il est activé) :
- Ouvrez le navigateur de votre choix et accédez à une page Web que vous souhaitez inspecter.
- Contrôle-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 + Maj + C.
- L'outil Inspecteur s'ouvrira et le code source de la page Web apparaîtra. Lisez ou apportez des modifications au code comme vous le souhaitez; par exemple, vous pouvez modifier des pages Web sur Safari à l'aide d'Inspect Element pour bricoler du texte et des images.
- Pour fermer l'outil Inspecteur, cliquez sur l'icône X bouton.
Comment activer l'inspection de l'élément dans Safari
Pour activer la fonctionnalité Inspecter les éléments dans Safari sur votre Mac, vous devez activer le menu Développer. Pour faire ça:
- Ouvrez Safari, allez dans Safari > Paramètres dans la barre de menu, ou appuyez sur Cmd+, sur votre clavier.
- Dirigez-vous vers le Avancé languette.
- Vérifier la Afficher le menu Développer dans la barre de menus boîte.
Le menu Développer devrait maintenant apparaître dans le menu supérieur lorsque vous utilisez Safari, et vous devriez pouvoir accéder à Inspect Element sur votre Mac à partir du menu contextuel !
Quand utiliser l’élément Inspecter dans votre navigateur
Les développeurs peuvent utiliser Inspect Element pour essayer des modifications de mise en page sur des pages Web et des applications Web et tester les fonctionnalités pour les utilisateurs de différents navigateurs. Mais il peut également être utilisé par des utilisateurs normaux.
Si une page Web contient une police que vous trouvez difficile à lire ou si elle est dans une couleur que vous n'aimez pas, vous pouvez utiliser Inspecter l'élément pour la modifier afin que la page soit plus lisible ou plus agréable à regarder. Vous pouvez aussi modifiez les en-têtes de page Web via Inspect Element pour blaguer vos amis.
Inspect Element ne modifie que les choses sur votre Mac et le navigateur spécifique que vous utilisez. Alors, utilisez-le chaque fois que vous souhaitez modifier rapidement un site Web en fonction de vos préférences.
Inspecter l'élément: une fonctionnalité pour améliorer l'expérience utilisateur
Savoir comment utiliser Inspect Element sur votre Mac peut rendre votre utilisation des pages Web plus simple et plus agréable. Il peut proposer des solutions rapides aux problèmes de formatage et permettre aux développeurs de corriger les bogues.
Nous espérons que notre guide vous aidera à utiliser cette fonctionnalité. Ainsi, la prochaine fois que vous rencontrerez des problèmes avec une page Web dans Safari ou dans tout autre navigateur, vous saurez que vous avez une solution !
