Aujourd'hui, nous passons une grande partie de notre temps à naviguer sur Internet, car les possibilités offertes par le web sont immenses. Il existe des millions de pages avec des contenus différents, nous pouvons donc trouver presque tout ce que nous recherchons en un clic, que ce soit des informations ou des divertissements. De plus, le fait que nous puissions accéder non seulement via l'ordinateur mais également via d'autres appareils tels que les téléphones portables ou les tablettes, rend l'accès de plus en plus fréquent. Les navigateurs actuels intègrent différentes fonctions qui ont été développées pour faciliter la tâche des utilisateurs traditionnels et des développeurs car un large éventail d'options sont ajoutées qui impliquent trop de paramètres du site Web visité, des variables de réseau à l'environnement de présentation, c'est possible grâce à la fonction de visualisation du code source dans Safari.
Surfer sur Internet est quelque chose que nous faisons de plus en plus fréquemment. Le nombre de pages auxquelles nous avons accès augmente, ce qui permet à nos recherches d'être de plus en plus étendues. Derrière chacun des sites Web que nous visitons se trouve un code complexe appelé code source dans lequel se trouvent la conception et les fonctionnalités de cette page. L'affichage de ce code est généralement possible dans la plupart des navigateurs Web. Comme nous l'avons mentionné, c'est un outil exclusif pour les développeurs avec lequel vous pouvez travailler directement sur un site particulier, Safari n'active pas cette option par défaut, mais avec Solvetic vous apprendrez à quel point il est simple de l'activer et d'accéder au code source d'un site Web.
Dans le cas de Safari pour Mac, dans le cas où nous souhaitons accéder à ce code source, nous devons le faire d'une manière différente que dans le cas de Chrome et Firefox. Dans le cas où nous souhaitons voir le code source d'un site Web Safari, nous devons suivre les étapes détaillées ci-dessous. Nous vous laissons également ci-dessous le didacticiel vidéo avec les étapes pour afficher le code source de Safari Mac.
1. Afficher le code source de Safari à partir du menu
Étape 1
La première chose que nous devons faire dans ce cas est d'activer un menu caché, appelé menu de développement. Pour que nous puissions voir ce menu, nous devons accéder aux préférences de Safari.
Étape 2
Une fois que nous sommes dans les préférences, nous aurons une fenêtre ouverte avec différents onglets. Nous devons sélectionner l'icône en forme de noix qui dit "Avancé". Une fois dans cette section, il faut cocher la case du bas dans laquelle il est écrit "Afficher le menu de développement dans la barre de menu".
À ce stade, le menu développeur aura été activé.
Étape 3
La prochaine chose que nous devons faire est d'aller sur le Web sur lequel nous voulons connaître le code source. Une fois ici, nous accédons au menu de développement et parmi toutes les options, nous sélectionnons "Afficher le code source de la page".
Étape 4
Ensuite, le code source de la page que nous avons sélectionnée sera ouvert et à partir de là, nous pourrons vérifier tout ce qui nous intéresse.
AGRANDIR
2. Comment afficher le code source d'une page sur Mac
Une autre option pour afficher le code source sur un site Web Safari consiste à le faire directement à partir de la page.
Étape 1
La première chose que nous devons faire est d'aller sur la page où nous voulons voir cela et de cliquer sur le bouton droit de la souris. Parmi les options qui apparaissent, nous devons sélectionner.
Étape 2
Vous verrez plusieurs onglets en haut de la fenêtre contextuelle. Dans ce cas, vous devez sélectionner "Ressources"
Étape 3
Vous verrez que toutes les informations disponibles apparaissent.
AGRANDIR
3. Afficher le code source de Safari avec les clés
Étape 1
Pour cela, nous devons activer le mode développeur dans Safari qui active un menu exclusif avec tous les outils nécessaires pour un travail complet, pour cela nous ouvrons le navigateur Safari et à partir du menu "Safari", nous sélectionnons "Préférences":
Étape 2
Dans la fenêtre pop-up, nous allons dans l'onglet "Avancé" et là nous activons la case "Afficher le menu Développement dans la barre de menu":
AGRANDIR
Étape 3
Nous allons maintenant utiliser la combinaison de touches suivante :
+ ⌘ + U
Étape 4
Grâce à ces clés, nous accéderons au code source du site Web actuel. Nous pouvons voir qu'il existe différentes options pour gérer le site Web au niveau du développement.
AGRANDIR
Une fois le processus terminé, Solvetic recommande de désactiver le mode développeur pour éviter les mauvais paramètres dans Safari. De cette façon, vous pourrez sélectionner l'option qui correspond le mieux à vos besoins et préférences chaque fois que vous aurez besoin de voir le code source d'une page sur Mac.
