Comment afficher le code source?

1. Ouvrez le site Web dans un navigateur.
2. Cliquez avec le bouton droit sur la page.
3. Cliquez sur Afficher la source de la page ou Afficher la source.

Vous pouvez enregistrer un signet Safari sur iPhone ou iPad pour afficher le code source Safari mobile
Bien que vous ne puissiez généralement pas afficher le code source sur un navigateur mobile, vous pouvez enregistrer un signet Safari sur iPhone ou iPad pour afficher le code source Safari mobile.

Ce guide vous apprend à afficher le code source d'un site Web, qui est le code derrière tout site Web (tel que HTML, CSS et JavaScript), sur la plupart des navigateurs courants. À l'exception d'une astuce Safari, vous ne pouvez pas afficher le code source d'un site Web en utilisant un navigateur mobile.

Méthode 1 sur 3: Chrome, Firefox, Edge et Internet Explorer

  1. 1
    Ouvrez votre navigateur Web. Le processus d' affichage du code source sur Chrome, Firefox, Microsoft Edge et Internet Explorer est le même.
  2. 2
    Accédez à une page Web. Il doit s'agir d'une page dont vous souhaitez afficher le code source.
  3. 3
    Cliquez avec le bouton droit sur la page. Si vous utilisez un ordinateur Mac avec une souris à un bouton, vous pouvez maintenir la touche enfoncée Control et cliquer à la place. Si vous utilisez un ordinateur portable avec un trackpad, vous pouvez utiliser deux doigts pour cliquer sur la page à la place. Cela appellera un menu déroulant.
    • Ne faites pas de clic droit sur un lien ou une photo lorsque vous faites cela, sinon le mauvais menu apparaîtra.
  4. 4
    Cliquez sur Afficher la source de la page ou Afficher la source. Cela affichera le code source de votre navigateur dans une nouvelle fenêtre ou au bas de la fenêtre actuelle.
    • Vous verrez Afficher la source de la page pour Chrome et Firefox, et Afficher la source pour Microsoft Edge et Internet Explorer.
    • Vous pouvez également appuyer sur Ctrl+ U(PC) ou Option+ Command+ U(Mac) pour afficher le code source.
Comment afficher le code source d'une image sur une page sans voir le code de la page entière
Comment afficher le code source d'une image sur une page sans voir le code de la page entière?

Méthode 2 sur 3: safari

  1. 1
    Safari ouvert. Ceci est une application bleue en forme de boussole.
  2. 2
    Cliquez sur Safari. Il se trouve dans le coin supérieur gauche de la barre de menus de votre Mac. Cela appelle un menu déroulant.
  3. 3
    Cliquez sur Préférences. Cette option se trouve au milieu du menu déroulant.
  4. 4
    Cliquez sur l' onglet Avancé. C'est dans le coin supérieur droit de la fenêtre Préférences.
  5. 5
    Cochez la case "Afficher le menu de développement dans la barre de menus". Cette option se trouve au bas de la fenêtre Préférences. Vous devriez voir un menu Développer apparaître dans la barre de menus de votre Mac.
  6. 6
    Accédez à une page Web. Il doit s'agir d'une page dont vous souhaitez afficher le code source.
  7. 7
    Cliquez sur Développer. Ce menu se trouve à gauche du menu Fenêtre dans la barre de menus de votre Mac.
  8. 8
    Cliquez sur Afficher la source de la page. C'est près du bas du menu déroulant. Cliquer sur cette option invitera Safari à afficher le code source de la page Web.
    • Vous pouvez également appuyer sur Option+ Command+ U pour afficher le code source.

Méthode 3 sur 3: sur les wikis

  1. 1
    Accédez à la page pour laquelle vous souhaitez afficher le code source du wiki.
  2. 2
    Cliquez sur l'onglet "Afficher la source" ou "Modifier".
  3. 3
    Faites défiler la source et sélectionnez / copiez le code que vous souhaitez copier sur votre site.

Conseils


Mises en garde

  • Méfiez-vous du téléchargement d'applications tierces qui prétendent afficher le code source d'un site Web.

Questions et réponses

  • Pour afficher une image, il doit y avoir un code spécifiant la position et l'équivalent d'une valeur hexadécimale pour chaque pixel. Comment voir ce code?
    Vous devez d'abord trouver le fichier image et le télécharger. Vous pouvez ensuite consulter son "code source" en l'ouvrant dans un éditeur de texte. Mais cela vous apparaîtra généralement comme une combinaison illisible de caractères. La première raison à cela est que l'image utilise des nombres binaires et que l'éditeur de texte interprète chaque octet comme un caractère avec cette valeur Unicode / ASCII / encoding-you-use. Une solution à cela est hexdump. La deuxième raison est que de nombreux formats d'image compressent l'image d'une manière ou d'une autre. Ainsi, toutes les combinaisons de nombres ne représentent pas réellement un pixel. Donc, informez-vous sur le format de votre image et comment la décompresser, ou utilisez un format qui ne se compresse pas en premier lieu, comme PNM, pas comme PNG.
  • Comment créer du code source HTML pour une image que j'ai sur mon ordinateur?
    Ajoutez l'emplacement de l'image sur votre ordinateur au code source. Assurez-vous que le fichier est disponible, puis exécutez-le.
  • Comment afficher le code source d'une image sur une page sans voir le code de la page entière?
    Faites un clic droit sur l'image et sélectionnez "Inspecter" parmi les options disponibles.
  • La source de vue n'existe pas sur mon Mac, où puis-je la trouver?
    Pour pouvoir afficher le code source d'une page Web sous Safari, vous devez d'abord activer le menu Développeur: Cliquez sur le menu Safari> Préférences> Avancé. Cochez "Afficher le menu Développement dans la barre de menu" Fermez la fenêtre Préférences Allez dans le menu Développement> Afficher la source de la page
Questions sans réponse
  • Comment afficher le code source avant qu'une redirection automatique ne me déplace lorsque je tente d'afficher le code source?

Les commentaires (3)

  • theresepayet
    Il était facile de trouver les informations.
  • dandre
    Absolument parfait et simple à comprendre. Merci!
  • lstroman
    J'apprécie votre conception d'avoir une description d'image, cela m'aide beaucoup à connaître le code source.Vous pouvez faire plus comme ça dans d'autres tutoriels informatiques! Merci!
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail