Afficher le menu développement de Safari (OS X/ macOS)

Afficher le menu développement de Safari pour Mac (macOS Mojave et versions antérieures) permet aux développeurs et utilisateurs avancés d’accéder à une multitude de fonctions. Après activation de ce « menu caché », vous pourrez ainsi afficher le code source d’une page, Vider le cache de Safari, essayer les fonctionnalités expérimentales du navigateur Apple, passer en mode conception adaptative pour simuler le comportement d’un site web sur plusieurs appareils ou résolutions d’affichages, afficher l’inspecteur Web, utiliser plusieurs agents utilisateurs (Safari, Microsoft Edge, Interne Explorer, Firefox Google Chrome), Désactiver au cas par cas certains éléments d’un page (Extensions, Images, Styles, Javascript…). En complément de lecture pour Safari, nous vous proposons de lire comment Réinitialiser Safari  pour Mac, comment Changer le moteur de recherche de Safari Mac (Qwant, Bing, DuckDuckGo…) mais aussi la lecture de nos tutoriels pour Accélérer Safari Mac et pour Effacer l’historique de Safari.

Afficher le menu développement de Safari : un menu de plus !

Lancez le navigateur Safari depuis le Dock ou via le Finder depuis le dossier Applications. Allez au menu déroulant Safari, et ouvrez les Préférences (⌘,).

Afficher le menu développement de Safari dans la barre des menus

Désormais, si vous regardez la barre des menus déroulants, vous constatez qu’un nouvel élément s’affiche, entre Signets et Fenêtres. Il s’agit du menu Développement.

apple safari mac afficher menu developpement

Afficher le menu développement de Safari : afficher le code source d’une page

Parmi les nombreuses possibilités qui s’offrent aux développeurs on apprécie grandement Afficher la console JavaScript (⌥⌘C), Afficher le code source de la page (⌥⌘U) ou encore Afficher les ressources de la page (⌥⌘A).

cher le menu développement de Safari :

Lancez une page web de votre choix et Afficher le code source de la page (⌥⌘U) est également possible via un clic droit à n’importe quel endroit de la page.

menu afficher code source page web safari

Afficher le menu développement de Safari : fonctionnalités expérimentales

Elle sont nombreuses et nous vous invitons à les tester en fonction de vos besoins. Le Web GPU, WebGL 2.0, Web Animations…safari fonctionnalites experimentales

Afficher le menu développement de Safari : Mode conception Adaptive

Passer en mode conception Adaptive (⌃⌘R) permet de tester son site internet sur différentes tailles d’écrans, donc sur différents matériels. Vous voulez savoir si votre blog s’affiche bien sur un iPhone, iPad, en résolution 1 920 x 1080 (HD) sur un téléviseur… alors c’est l’outil qu’il vous faut.

safari mode conception adaptive

Afficher le menu développement de Safari : De nombreuses autres fonctionnalités encore…

D’autres fonctionnalités sont également utiles pour les développeurs, l’Agent d’utilisateur qui permet de tester le rendu d’une page avec les différents principaux navigateurs Web que sont Google Chrome, Firefox, Edge… l’Inspecteur Web et ses éléments (Réseau, Console, Chronologies, Débogueur, Canvas…). La possibilité de contrôler tout ce qui s’affiche de près ou de loin à l’écran en activant / désactivant au choix (Images, JavaScript, Styles…), de Vider les caches. La possibilité de télécharger et d’installer Safari  Technology Preview.

safari Console Inspecteur web