Comment afficher la page source dans Safari sur Mac

L’affichage du code source d’une page web dans Safari, et dans d’autres navigateurs web, est une activité assez routinière pour de nombreuses personnes qui travaillent avec le web pour gagner leur vie ou même comme passe-temps. Contrairement à certains autres navigateurs, pour afficher le code source d’une page dans Safari, vous devez d’abord activer un ensemble d’outils de développement pour que le navigateur puisse accéder à la fonction d’affichage du code source d’une page web.

Ce tutoriel montre comment afficher une source de pages web dans Safari sous Mac OS. Cela s’applique à toutes les versions de Safari et de MacOS.

Comment afficher la page source dans Safari pour Mac

Voici comment vous pouvez consulter une source de pages web dans Safari sur MacOS :

  1. Tout d’abord, activez le menu de développement Safari en allant dans le menu Safari, en choisissant « Préférences », en allant dans « Avancé » et en cochant la case pour activer le menu de développement
  2. Ensuite, dans n’importe quelle fenêtre de Safari, naviguez jusqu’à la page web dont vous souhaitez consulter et inspecter la source
  3. Descendez le menu « Développer » en haut de l’écran et sélectionnez « Afficher la source de la page » dans les options du menu
  4. La source des pages web apparaîtra à l’écran dans la section Sources de l’inspecteur du web, une boîte à outils pour les développeurs web intégrée à Safari

Outre l’affichage de la source de la page, vous pouvez également utiliser le menu Développer pour accomplir de nombreuses autres astuces utiles sur le web et des tâches de développement, notamment la désactivation de Javascript et le vidage du cache de Safari parmi une myriade d’autres fonctions et capacités destinées aux utilisateurs et aux développeurs avancés, comme la recherche de fichiers intégrés dans les pages.

Comment afficher la source de la page par raccourci clavier dans Safari sur Mac

Après avoir activé le menu Développer dans Safari, vous pouvez également utiliser un raccourci clavier pour afficher rapidement n’importe quelle source de page web dans le navigateur Safari pour Mac :

  1. Naviguez jusqu’à la page web dont vous souhaitez consulter la source
  2. Appuyez sur la combinaison de touches Commande + Option + U pour afficher la source de la page

Le raccourci clavier permettant de visualiser la source de la page ouvrira l’outil d’inspection du web, tout comme on y accède à partir du menu Développer.

Si vous êtes un utilisateur avancé de Safari, l’activation du menu Développer est probablement l’une des premières choses que vous faites lorsque vous lancez le navigateur pour la première fois.

Pour ce que ça vaut, le navigateur Chrome et les navigateurs Firefox ont également des capacités d’inspection d’éléments web similaires, mais nous nous concentrons évidemment ici sur Safari pour Mac.

Les fonctions de développement de Safari pour Mac ne sont pas disponibles pour l’iPhone ou l’iPad (pour l’instant en tout cas), mais si vous souhaitez bénéficier d’options d’affichage des sources sur le côté mobile, vous pouvez utiliser cette astuce en javascript pour afficher la page source dans les versions iOS et ipadOS de Safari.

Avez-vous des conseils ou des astuces pratiques pour visualiser le source de la page ou les outils de développement dans Safari ? Faites-nous part de vos réflexions, conseils et expériences dans les commentaires.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *