Agence web » Actualités du digital » Comment activer le menu Développer dans Safari sur Mac

Comment activer le menu Développer dans Safari sur Mac

Icône de l'application Apple Safari

Lorsque vous cliquez avec le bouton droit sur une page Web dans Safari sur Mac, cela ne révèle pas les boutons Afficher la source de la page et Inspecter l’élément. Pour les voir, vous devez activer le menu Développer. Nous allons vous montrer comment procéder.

Une fois que vous avez activé le menu Développer, cliquez avec le bouton droit sur un espace vide sur n’importe quel site Web pour révéler les boutons Inspecter l’élément et Afficher la source de la page. Ceux-ci vous permettent de jeter un œil au code source de n’importe quel site Web, ce qui est utile pour des choses comme le téléchargement d’images à partir de sites Web et le code de débogage ou pour découvrir à quoi il ressemble derrière n’importe quel site (pour les concepteurs de sites Web).

Comment activer le menu de développement dans Safari sur Mac

Vous pouvez facilement activer le menu Développer dans Safari en suivant quelques étapes. Ouvrez Safari sur votre Mac et cliquez sur le bouton «Safari» dans la barre de menu.

Cliquez sur Safari dans la barre de menu

Ensuite, sélectionnez « Préférences ». Vous pouvez également utiliser le raccourci clavier Commande +, (virgule). Cela ouvrira également les préférences de Safari.

Cliquez sur Préférences

Allez dans l’onglet «Avancé».

Cliquez sur Avancé

Cochez la case « Afficher le menu de développement dans la barre de menus ».

Activer le menu Afficher le développement dans la barre de menus

Maintenant, le menu Développer apparaîtra entre les signets et la fenêtre en haut.

Le menu Développer dans la barre de menus

En plus de pouvoir afficher la source de la page, cela vous permettra d’accéder à des fonctionnalités axées sur les développeurs, telles que la désactivation de JavaScript sur n’importe quel site Web.

Comment afficher la source de la page dans Safari sur Mac

Une fois que vous avez activé le menu Développer, il existe plusieurs façons d’afficher la source de la page dans Safari.

Ouvrez n’importe quel site Web dans Safari et cliquez avec le bouton droit sur l’espace vide sur la page. Maintenant, sélectionnez « Afficher la source de la page ». Vous pouvez également accéder à ce menu en utilisant le raccourci clavier Option + Commande + u.

Cliquez sur Afficher la source de la page

Si vous recherchez des images ou d’autres éléments multimédias de n’importe quelle page Web, Safari facilite leur recherche. Dans le volet de gauche, vous verrez divers dossiers tels que des images, des polices, etc. Cliquez sur le dossier «Images» pour trouver rapidement les photos dont vous avez besoin.

Cliquez sur le dossier Images pour afficher toutes les images de n'importe quelle page Web

Après avoir sélectionné une image, vous pouvez facilement afficher ses détails en ouvrant la barre latérale des détails. Le bouton pour l’ouvrir est situé en haut à droite de la console, juste en dessous de l’icône d’engrenage. Vous pouvez également l’ouvrir avec le raccourci Option + Commande + 0.

Ouvrez la barre latérale des détails

Cliquez sur « Ressource » en haut de la barre latérale des détails pour afficher des détails, tels que la taille de l’image et son URL complète.

Cliquez sur l'onglet Ressources

Vous pouvez également modifier facilement la position de la console de source de page. Il y a deux boutons en haut à gauche de cette console, juste à côté du bouton X. Cliquez sur l’icône rectangle pour déplacer la console vers un autre côté dans la fenêtre du navigateur.

Cliquez sur l'icône rectangle pour modifier la position de la console de source de page

Si vous souhaitez ouvrir la console de source de page dans une fenêtre distincte, vous pouvez cliquer sur l’icône à deux rectangles. Cela détachera la console et l’ouvrira dans une fenêtre séparée.

Cliquez sur l'icône des deux rectangles pour ouvrir la source de la page dans une nouvelle fenêtre

Pour consulter le code d’un élément spécifique de la page, vous pouvez cliquer avec le bouton droit de la souris sur cet élément et sélectionner «Inspecter l’élément». Cela vous mènera directement au code de l’élément que vous avez sélectionné.

Cliquez sur Inspecter l'élément


Chaque fois que vous avez terminé de regarder le code, cliquez sur le bouton X pour fermer la console source de la page et revenir à la navigation sur Safari. Vous pouvez également découvrir comment afficher la source de la page d’un site Web dans Google Chrome ici.

★★★★★