Lorsque l’on se trouve sur une page internet, il existe une fonctionnalité qui permet d’afficher le code source HTML de celle-ci. Par défaut, le code source sera affiché dans un éditeur classique dédié au navigateur que l’on utilise :

ie10 afficher source defaut

 

Dans ce tutoriel, nous allons voir comment changer facilement le programme à utiliser quand on souhaite lire le code source d’une page internet depuis Internet Explorer ainsi que Firefox.

A noter que Google Chrome ne permet pas nativement de changer le logiciel qui permet de voir le code source d’une page internet.

 

Internet Explorer 9 / 10

1) Ouvrir Internet Explorer et cliquer sur la roue dentée pour faire apparaitre les options. Choisir Outils de développement.

ie10 menu outils developpement

 

2) Une fois les outils de développement ouverts, cliquer sur le menu Fichier :

Internet explorer 10 outils developppement

 

3) Cliquer sur « Personnaliser la source d’affichage Internet Explorer » et choisir « Autre… » :

Ie10 personnaliser edition source

 

4) Choisir le programme à exécuter pour ouvrir le code source des pages internet (par exemple Notepad++) et valider en cliquant sur Ouvrir.

choix notepadd++ edition

 

5) Une fois le programme choisi, fermer l’outil de développement en cliquant sur la croix ou appuyer sur la touche F12 :

ie10 fermer outils developpement

 

6) Effectuer un clic droit sur la page choisie et « Afficher la source » : un message s’affichera, demandant l’autorisation d’exécuter un programme tiers, cliquer sur « Autoriser » :

ie10 afficher source

 

Autoiser notepad edition source

 

Le code source de la page s’affichera maintenant dans Notepad++ :

notepad++ ie10

 

 

Firefox

1) Depuis Firefox, taper dans la barre d’adresse : « about:config » et valider par Entrée. Un message d’avertissement s’affichera, cliquer sur « Je ferai attention, promis ! » .

firefox configuration about:config

 

2) Rechercher « view_source.editor.external » dans la liste :

Firefox view source editor external

 

3) Soit effectuer un double clic sur la ligne sélectionnée, soit effectuer un clic droit et « Inverser » :

editor external firefox inverser

source editor external actif

 

4) Sélectionner la ligne « view_source.editor.path » :

firefox view_source.editor.path

 

5) Soit effectuer un double clic pour modifier la valeur, soit effectuer un clic droit et choisir « Modifier » :

view_source.editor.path modifier

 

6) Dans la zone de saisie, indiquer le chemin vers l’application à utiliser, par exemple C:\Program Files (x86)\Notepad++\notepad++.exe

Notepad++ view_source.editor.path

 

7) Aller sur la page souhaitée, faire un clic droit, « Code source de la page » :

Firefox afficher code source

 

Le code source de la page s’affichera dans le logiciel choisi :

Navigateur source code firefox notepad++