Safari propose une multitude de fonctionnalités spéciales conçues pour les développeurs Web et regroupées dans un menu de développement caché. En fonction de la version de Safari que vous utilisez, le menu Développement affiche quatre groupes d'éléments de menu ou plus, tels que l'option permettant de modifier l'agent utilisateur, d'afficher des fonctionnalités supplémentaires, telles que Web Inspector et Error Console, de désactiver JavaScript. ou désactiver les caches de Safari. Même si vous n'êtes pas un développeur, certaines de ces fonctionnalités peuvent vous être utiles.
Utiliser le menu Développer est assez simple, chaque élément du menu se rapportant à la page ou à l’onglet Safari actuellement chargé et le plus à l’avant, puis aux pages Web chargées par la suite. L'exception concerne les commandes, telles que les caches vides, qui ont un effet global sur Safari.
Avant de pouvoir utiliser le menu Développer, vous devez d'abord rendre ce menu masqué visible. C’est une tâche assez facile, beaucoup plus facile que de révéler le menu Déboguer, qui, avant Safari 4, contenait toutes les commandes qui figurent maintenant dans le menu Développer. Mais ne pensez pas que l’ancien menu Debug n’est plus pertinent; il existe toujours et contient de nombreux outils utiles.
Afficher le menu de développement dans Safari
-
Lancez Safari, situé dans / Applications / Safari.
-
Ouvrez les préférences de Safari en sélectionnant «Safari, Préférences» dans le menu.
-
Cliquez sur l'onglet "Avancé".
-
Cochez la case "Afficher le menu Développement dans la barre de menus".
Le menu Développer apparaîtra entre les éléments de menu Signets et Fenêtre. Le menu Développer est particulièrement utile pour les développeurs Web, mais les utilisateurs occasionnels le trouveront également très utile.
Si vous souhaitez désactiver le menu Développeur, supprimez simplement la coche à l'étape quatre ci-dessus.
Parmi les éléments du menu Développer que vous trouverez probablement les plus utiles, citons:
- 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 avez déjà visité un site Web qui semble ne pas fonctionner correctement avec Safari, vous pouvez utiliser cette commande pour passer 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 proclamait que Safari n'était pas prise en charge, voici comment le site savait quel navigateur vous utilisiez. Dans la plupart des cas, «non pris en charge» n'a pas de sens et vous pouvez utiliser cet élément de menu pour que l'agent utilisateur en imite un à partir d'un autre navigateur. Vous serez peut-être surpris de voir combien de fois une page Web ne fonctionne pas soudainement, simplement en changeant l'agent utilisateur.
- Caches vides: Safari conserve un cache des sites récemment consultés. Les données stockées dans ce cache incluent tous les éléments d'une page, qui peuvent être utilisés pour rendre rapidement un site Web lorsque vous revenez à la page. Parfois, le cache peut être ancien ou corrompu, ce qui entraîne l’affichage incorrect d’une page Web. Vider le cache peut résoudre ces problèmes et peut même accélérer Safari.
La plupart des éléments de menu restants seront probablement plus utiles pour les développeurs Web, mais si la structure des sites Web vous intéresse, les éléments suivants peuvent vous intéresser:
- Afficher l'inspecteur Web: Cela ouvrira l'inspecteur Web au bas de la page actuelle. Avec l'inspecteur Web, vous pouvez examiner les éléments ayant servi à créer la page.
- Afficher la source de la page: Cela vous permettra de voir le code HTML de la page en cours.
- Afficher les ressources de la page: Ceci ouvre la barre latérale de l'inspecteur de ressources dans l'inspecteur Web, ce qui permet de voir facilement les images, scripts, feuilles de style et autres éléments utilisés sur la page en cours.
- Démarrer l'enregistrement sur la timeline: si vous voulez voir comment une page Web se charge et s'exécute, essayez l'option Démarrer l'enregistrement sur la timeline. Cela créera un graphique montrant l'activité du réseau et la manière dont chaque élément de site est chargé et utilisé. Cela en fait un affichage intéressant, mais n'oubliez pas de désactiver cette fonction en sélectionnant Arrêter l'enregistrement sur la timeline; sinon, vous utiliserez les ressources de votre Mac pour des tâches non productives, à moins que vous ne soyez développeur Web.
- Entrez en mode Responsive Design: un autre outil pour les développeurs Web dans le simulateur intégré qui vous permet de prévisualiser l'apparence de votre page Web sur 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 Entrer en mode Conception adaptative pour afficher un aperçu de la page. Vous pouvez essayer le rendu de page à l'aide de divers périphériques ou sélectionner une résolution d'écran à utiliser. Lorsque vous avez terminé, retournez au menu Développement et sélectionnez Quitter le mode de conception réactif.
- Fonctions expérimentales: Cet élément de menu n'est pas disponible dans toutes les versions de Safari et son contenu peut changer avec chaque mise à jour de Safari. Mais si vous vous sentez courageux, vous pouvez essayer quelques-unes des fonctionnalités susceptibles de se retrouver dans les futures versions du navigateur Safari.
Avec le menu Développer maintenant visible, prenez le temps d’essayer les différents éléments du menu. Vous allez probablement vous retrouver avec quelques favoris que vous utiliserez souvent.
