Comment Afficher Le Code Source De La Page

Table des matières:

Comment Afficher Le Code Source De La Page
Comment Afficher Le Code Source De La Page
Anonim

La navigation dans un navigateur est organisée de la manière suivante: le programme envoie une requête au serveur spécifié dans le lien, et en réponse reçoit un ensemble de "pièces de rechange" et d'instructions de montage. Les pièces de rechange sont des images, des éléments flash, du son et d'autres fichiers, ainsi que des instructions sur la façon de les placer correctement sur la page, de colorer son arrière-plan, d'utiliser certaines polices et tailles de police, etc. sont contenus dans le code source de la page. L'utilisateur du navigateur peut voir ce code lui-même, et pas seulement la page assemblée selon ses instructions.

Comment afficher le code source de la page
Comment afficher le code source de la page

Instructions

Étape 1

Les navigateurs modernes ont une fonctionnalité intégrée pour afficher le code source d'une page. Par exemple, dans Opera, pour activer cette option, cliquez sur l'espace de la page ouverte du site qui est libre d'images, de liens et d'autres éléments et dans le menu contextuel déroulant sélectionnez l'élément "Code source". Le navigateur ouvrira la source dans un onglet séparé, coloriant les lignes liées aux balises HTML, aux scripts et au texte brut en trois couleurs.

Étape 2

Des points similaires, mais formulés un peu différemment, se trouvent dans le menu contextuel et dans d'autres navigateurs. Par exemple, dans Google Chrome, cet élément est nommé "Afficher le code de la page", dans Mozilla Firefox sélectionnez la ligne "Code source de la page", et Internet Explorer - "Afficher le code HTML". La palette de couleurs du code sera également légèrement différente selon les applications.

Étape 3

Le navigateur Google Chrome a une option d'affichage de la source beaucoup plus avancée. Pour l'utiliser, dans le même menu contextuel, sélectionnez la rubrique "Afficher le code élément". Après cela, l'onglet avec la page Web ouverte sera divisé en deux cadres - dans le haut, son apparence restera, et dans le bas, des informations détaillées seront collectées non seulement à partir des balises de code source, mais également à partir des éléments inclus. Fichiers de style CSS. Vous pouvez sélectionner des lignes source dans le cadre inférieur et le navigateur mettra en évidence dans la partie supérieure les zones de la page formées par ces lignes. De même, la sélection d'un élément dans le cadre supérieur entraînera l'affichage du code correspondant dans celui du bas.

Étape 4

Si la page est enregistrée sur le disque dur de votre ordinateur, le fichier peut être ouvert avec n'importe quel éditeur de texte - le code source y est écrit en texte brut. Faites simplement glisser ce fichier dans la fenêtre d'exécution du Bloc-notes, de Word ou de toute autre application de ce type. En utilisant un éditeur ordinaire, vous pouvez non seulement afficher le code source, mais également le modifier.

Conseillé: