Ce tutoriel s'adresse uniquement aux utilisateurs exécutant le navigateur Opera sur les systèmes d'exploitation Windows ou Mac. Si vous avez besoin d'afficher le code source d'une page dans d'autres navigateurs, consultez notre guide Comment afficher le code source d'une page Web dans chaque navigateur
Il existe de nombreuses raisons de vouloir afficher le code source d’une page Web, allant du débogage d’un problème avec votre propre site à une simple curiosité. Quel que soit votre motif, le navigateur Opera facilite cette tâche. Vous pouvez choisir d'afficher cette source dans sa forme la plus élémentaire dans un onglet de navigateur ou d'approfondir vos connaissances avec les outils de développement intégrés d'Opera. Ce tutoriel vous montre comment faire les deux. Tout d'abord, ouvrez votre navigateur Opera
Utilisateurs Windows
Clique sur le Opéra bouton de menu, situé dans le coin supérieur gauche de la fenêtre de votre navigateur. Lorsque le menu déroulant apparaît, survolez la souris avec la souris. Plus d'outils option. Un sous-menu devrait maintenant apparaître. Cliquer sur Afficher le menu du développeur de sorte qu'une coche est placée à gauche de cette option.
Retournez au menu principal Opera. Vous remarquerez maintenant une nouvelle option située directement ci-dessous Plus d'outils étiqueté Développeur . Passez votre souris sur cette option jusqu'à ce qu'un sous-menu apparaisse. Ensuite, cliquez sur Voir la source de la page . Le code source de la page Web active sera maintenant affiché dans un nouvel onglet de navigateur. Vous pouvez également utiliser le raccourci clavier suivant pour atteindre ce point: CTRL + U
Pour afficher des informations plus détaillées sur la page active et son code correspondant, sélectionnez le Outils de développement option du Développeur sous-menu ou utilisez le raccourci clavier suivant: CTRL + SHIFT + I
Utilisateurs Mac OS X et macOS Sierra
Cliquer sur Vue dans votre menu Opera, situé en haut de l'écran. Lorsque le menu déroulant apparaît, sélectionnez Afficher le menu du développeur . Une nouvelle option doit maintenant être ajoutée à votre menu Opera et intitulée Développeur . Cliquez sur cette option ensuite, et lorsque le menu déroulant apparaît, sélectionnez Voir la source . Vous pouvez également utiliser le raccourci clavier suivant pour effectuer cette action: Commande + U
Un nouvel onglet devrait maintenant être visible, montrant le code source de la page actuelle. Pour analyser cette même page avec les outils de développement d’Opéra, cliquez d’abord sur Développeur dans le menu du navigateur en haut de votre écran. Lorsque le menu déroulant apparaît, sélectionnez le Outils de développement option.
