Comment voir le code source

Опубликовал Admin
793
0
Si vous avez déjà voulu voir ce qui fait tourner un site web, voir le code source peut vous donner une idée de comment tout cela fonctionne. Chaque navigateur web vous permettra d'examiner le code source de n'importe quel site web que vous visitez. Suivez ce guide pour voir le code source dans tous les navigateurs web les plus utilisés.

Internet Explorer

  1. Ouvrez la page web. Vous pouvez voir le code source de n'importe quel site web.
  2. Cliquez sur le menu Vue. Sélectionnez Code source dans le menu. Le code source du site web s'ouvrira dans un nouvel onglet dans la fenêtre de votre navigateur.
  3. Apprenez le raccourci clavier. Appuyer sur Ctrl + U fera apparaitre le code source de la page que vous êtes en train de voir. Cela ne fonctionne que dans Internet Explorer 10.
  4. Il est aussi possible de faire un clic avec le bouton droit de la souris dans la fenêtre.

Chrome

  1. Ouvrez la page web. Vous pouvez voir le code source de n'importe quel site web.
  2. Cliquez sur le bouton Menu. Il s'agit du bouton carré avec les trois barres horizontales, situé dans le coin en haut à droite de la fenêtre du navigateur.
  3. Sélectionnez le sous-menu Outils. Cliquez sur Voir code source. Le code source apparaitra dans un nouvel onglet.
  4. Apprenez le raccourci clavier. Appuyez sur Ctrl + U (Windows, Linux) ou Commande + U (Mac).
  5. Demandez le code source dans l'adresse. Ajoutez « view-source : » au début de n'importe quelle URL pour voir directement le code source de ce site web. Par exemple « view-source : http://www.wikihow.com ».

Firefox

  1. Ouvrez la page web. Vous pouvez voir le code source de n'importe quel site web.
  2. Cliquez sur le menu Firefox. Il est situé dans le coin en haut à gauche de la fenêtre. Si vous ne pouvez pas le voir, appuyez sur ALT. Sélectionnez le sous-menu Développement web.
  3. Cliquez sur Code source de la page. Le code source apparaitra dans une nouvelle fenêtre.
  4. Apprenez le raccourci clavier. Appuyez sur Ctrl + U (Windows, Linux) ou Commande + U (Mac).
  5. Demandez le code source dans l'adresse. Ajoutez « view-source : » au début de n'importe quelle URL pour voir directement le code source de ce site web. Par exemple, « view-source : http://www.wikihow.com ».

Safari

  1. Ouvrez Safari.
  2. Cliquez sur Safari dans le coin en haut à gauche. Sélectionnez Préférences dans le menu déroulant qui apparait.
  3. Dans Préférences, allez à la section Avancée sur la droite. Tout en bas, activez Montrer menu de développement.
  4. Fermez les Préférences et trouvez la page web dont vous voudriez voir le code source.
  5. Une fois parvenu sur la page web, cliquez sur la nouvelle option Développer et sélectionnezVoir code source dans le menu déroulant. Si vous voulez, copiez et collez le code vers un programme comme Evernote ou TextWrangler.
    • Sachez que vous ne pouvez pas éditer le code source de la page web.

Conseils

  • Accéder au code source d'une page web est la partie simple. Lire ce code peut être assez difficile. Un tutoriel détaillé sur le HTML peut aider un débutant à reconnaitre de nombreuses balises et instructions dans la vue du code source d'une page et apprendre plus de choses sur les nouvelles technologies de codage du web comme XML (Extended Markup Language) et CSS (Cascading Style Sheets) rendra encore plus limpide ce qui est écrit dans le code source de la page.
  • Le code source d'une page peut être assez difficile à lire et encore plus à comprendre ce qui est vu. Les lecteurs de codes de pages pourront trouver utile d'ajouter un petit espace blanc dans leur affichage de la page. Copiez et collez le code source de la page dans un document de traitement de texte, puis découpez le code en petits modules en insérant des sauts de paragraphe et des lignes vierges entre les portions de code. Il sera ainsi plus facile d'identifier ce qu'il se passe dans chaque partie du code.
  • Sachez que tous les codes ne sont pas en HTML. Il peut y avoir du CSS, du CML et/ou du jаvascript mélangés dans le code.
Теги: