Ajouter plus de fonctionnalités en activant le menu de développement de Safari

Safari offre une multitude de fonctionnalités spéciales conçues pour les développeurs Web, toutes rassemblées dans un menu Développer qui n'est pas visible dans la barre de menus par défaut. Le menu Développer contient des options pour changer l'agent utilisateur, afficher l'inspecteur Web et la console d'erreur, désactiver JavaScript et désactiver les caches de Safari. Même si vous n'êtes pas développeur, certaines de ces fonctionnalités peuvent vous être utiles.

L'utilisation du menu Développer est assez simple, chaque élément du menu appartenant à la page ou à l'onglet Safari actuellement chargé et le plus en avant, puis à toutes les pages Web chargées ultérieurement. L'exception est une commande, telle que Vider les caches, qui a un effet global sur Safari.

Les informations contenues dans cet article s'appliquent aux versions 8 à 12 de Safari, même si une grande partie apparaît également dans les versions antérieures du menu Développer.

Afficher le menu de développement dans Safari

Avant de pouvoir utiliser le menu Développer, vous devez d'abord rendre le menu masqué visible. C'est une tâche facile, beaucoup plus facile que de révéler le menu Déboguer qui, avant Safari 4, contenait toutes les commandes qui se trouvent maintenant dans le menu Développer. Cependant, ne pensez pas que l'ancien menu Déboguer n'est plus pertinent; il existe toujours et contient de nombreux outils utiles.

1. Lancer "safari". du Quai ou le dossier Application Mac.

   

2. Ouvrez les préférences de Safari en cliquant sur "safari". dans la barre de menu et en sélectionnant "Préférences" dans le menu déroulant.

   

3. Cliquez Passerelle IIoT onglet dans l'écran des préférences.

   

4. Placez une coche à côté de Afficher le menu Développer dans la barre de menus.

   

Si vous souhaitez désactiver le menu Développeur, supprimez la coche dans le "safari". > "Préférences" > Passerelle IIoT écran.

Utilisation du menu de développement

Le menu Développer apparaît dans la barre de menus Safari entre les éléments de menu Signets et Fenêtre. Le menu Développer est particulièrement pratique pour les développeurs Web, mais les utilisateurs occasionnels peuvent également le trouver utile.

Certains des éléments du menu Développer que vous trouverez probablement les plus utiles incluent:

• Ouvrir la page avec: Vous permet d'ouvrir la page Web actuelle dans n'importe quel navigateur que vous avez installé sur votre Mac. Si vous visitez un site Web qui ne fonctionne pas correctement avec Safari, utilisez cette commande pour accéder rapidement à la même page Web dans un autre navigateur.
• Agent utilisateur: L'agent utilisateur est une chaîne de texte que le navigateur envoie au serveur Web hébergeant la page Web. Si vous avez déjà visité une page Web qui a proclamé que Safari n'était pas pris en charge, c'est ainsi que le site savait quel navigateur vous utilisiez. Dans la plupart des cas, la non prise en charge est absurde, et en utilisant cet élément de menu, vous pouvez modifier l'agent utilisateur pour en imiter un à partir d'un autre navigateur. Vous serez peut-être étonné de voir combien de fois une page Web qui ne fonctionne pas fonctionne soudainement, simplement en changeant l'agent utilisateur.
• Caches vides: Safari garde une mémoire cache des sites récemment consultés. Les données stockées dans ce cache comprennent tous les éléments d'une page, qui peuvent être utilisés pour rendre rapidement un site Web lorsque vous revenez sur la page. Parfois, le cache peut être ancien ou corrompu, ce qui entraîne l'affichage d'une page Web incorrecte. Vider le cache peut résoudre ces problèmes et peut même aider à accélérer Safari.

La plupart des éléments de menu restants sont probablement plus utiles pour les développeurs Web, mais si vous êtes intéressé par la façon dont les sites Web sont construits, les éléments suivants peuvent être intéressants:

• Afficher l'inspecteur Web: Cela ouvre l'inspecteur Web au bas de la page actuelle. Avec l'inspecteur Web, vous pouvez examiner les éléments qui ont servi à créer la page.
• Afficher la source de la page: Ceci affiche le code HTML de la page actuelle.
• Afficher les ressources de la page: Cela ouvre la barre latérale Inspecteur de ressources dans l'inspecteur Web. Il fournit un moyen simple de voir quelles images, scripts, feuilles de style et autres éléments sont utilisés sur la page en cours.
• Démarrer l'enregistrement de la chronologie: Si vous voulez voir comment une page Web se charge et s'exécute, essayez le Démarrer l'enregistrement de la chronologie option. Cela crée un graphique montrant l'activité du réseau et la façon dont chaque élément du site est chargé et utilisé. Cela fait un affichage intéressant, mais n'oubliez pas de désactiver la fonction en sélectionnant Arrêter l'enregistrement de la chronologie. Sinon, vous utilisez les ressources de votre Mac pour des tâches non productives, sauf si vous êtes un développeur Web.
• Entrez en mode de conception réactive: Un autre outil pour les développeurs Web est le simulateur intégré qui vous permet de prévisualiser l'apparence de votre page Web avec différentes résolutions d'écran ou avec différents appareils, tels que l'iPad ou l'iPhone. Chargez simplement la page qui vous intéresse et sélectionnez Entrez en mode de conception réactive pour prévisualiser la page. Vous pouvez essayer le rendu de page à l'aide de divers appareils ou sélectionner une résolution d'écran à utiliser. Lorsque vous avez terminé, revenez au menu Développer et sélectionnez Quitter le mode de conception réactive.
• Fonctionnalités expérimentales: Si vous vous sentez courageux, vous pouvez essayer quelques-unes des fonctionnalités qui pourraient se retrouver dans les futures versions du navigateur Safari.

Le menu Développer étant visible, prenez le temps d'essayer les différents éléments du menu. Vous vous retrouverez probablement avec quelques favoris que vous utiliserez souvent.