Afficher le code source d'une page Web dans Safari et d'autres navigateurs Web est une activité assez courante pour de nombreuses personnes qui travaillent sur le Web pour gagner leur vie ou même comme passe-temps. Contrairement à certains autres navigateurs, pour afficher la source de la 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 de la source de la page Web.

Ce didacticiel vous montrera comment afficher une source de pages Web dans Safari sur Mac OS. Cela s'applique à toutes les versions de Safari et MacOS.

Comment afficher la source de la page dans Safari pour Mac

Voici comment afficher une source de pages Web dans Safari sous MacOS :

1. Tout d'abord, activez le menu Développement de 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 développeur



2. Ensuite, dans n'importe quelle fenêtre Safari, accédez à la page Web dont vous souhaitez afficher et inspecter la source
3. Déroulez le menu "Développer" en haut de l'écran et sélectionnez "Afficher la source de la page" dans les options de menu



4. La source des pages Web apparaîtra à l'écran dans la section Sources de l'inspecteur Web, une boîte à outils de développement 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 et tâches de développement Web utiles, notamment la désactivation de Javascript et l'effacement du cache Safari, parmi une myriade d'autres fonctions et capacités orientées vers des fonctionnalités avancées. les utilisateurs et les développeurs, comme rechercher des fichiers intégrés dans les pages.

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

Une fois le menu Développer activé 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. Accédez à la page Web pour laquelle vous souhaitez afficher la source de la page
2. Appuyez sur la combinaison de touches Commande + Option + U pour afficher la source de la page

Le raccourci clavier pour afficher la source de la page ouvrira l'outil d'inspection Web, tout comme si vous y accédiez depuis le 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 fonctionnalités d'inspecteur d'éléments Web similaires, mais nous nous concentrons évidemment sur Safari pour Mac ici.

Les fonctions de développeur dans Safari pour Mac ne sont pas disponibles pour iPhone ou iPad (encore de toute façon), mais si vous souhaitez obtenir des options d'affichage de source sur le côté mobile, vous pouvez utiliser cette astuce javascript pour afficher source de la page dans les versions iOS et ipadOS de Safari.

Avez-vous des conseils ou des astuces pratiques associés à l'affichage de la source de la page ou de l'ensemble d'outils de développement dans Safari ? Partagez vos pensées, conseils et expériences avec nous dans les commentaires.