Voir le code source
Afficher le code source d'une page montre le HTML envoyé par le serveur, avant toute modification par JavaScript. Collez une adresse ici et appuyez sur le bouton : la page est récupérée côté serveur et renvoyée avec coloration syntaxique, nombre de lignes et nombre de caractères. https://example.com renvoie 559 caractères sur 2 lignes, que vous pouvez copier ou télécharger sous example_com_source.html.
Outils populaires
À propos de Voir le code source
Cet outil fait ce que fait la commande Afficher le code source d'un navigateur, mais depuis un serveur plutôt que depuis votre appareil. Tapez ou collez une adresse — https:// est ajouté si vous l'omettez —, appuyez sur le bouton, et la réponse brute revient colorée : les balises dans une couleur, les noms d'attributs dans une autre, les valeurs entre guillemets dans une troisième et les commentaires en gris. Au-dessus du code figurent le nombre de lignes et de caractères, ainsi que deux boutons : Copier place le document entier dans le presse-papiers, et Télécharger l'enregistre sous le nom d'hôte, points remplacés par des tirets bas, suivi de _source.html.
Comme la récupération a lieu sur le serveur, elle fonctionne sur téléphone, où aucun navigateur mobile ne propose de menu d'affichage du source, et elle fonctionne quand un site a désactivé le clic droit, puisque cela ne change rien à ce que le serveur envoie. Vous voyez donc le document tel qu'un robot le verrait, avant l'exécution du moindre script.
C'est là toute la distinction. Le code source est le HTML arrivé ; Inspecter l'élément, dans les outils de développement, montre le DOM vivant après que JavaScript a ajouté, déplacé et supprimé des éléments. Sur une application monopage, les deux n'ont rien à voir — le source peut être presque vide alors que l'inspecteur déborde — et c'est le source qu'un moteur de recherche lit en premier.
Les limites sont volontaires. Les requêtes sont plafonnées à 20 par minute, une récupération expire au bout de 5 secondes, 5 redirections au maximum sont suivies et chaque étape est revalidée, et une réponse de plus de 1 Mo est tronquée avec un commentaire qui le signale. Seules les adresses http et https sont acceptées ; les plages d'adresses IP privées et réservées, localhost, les suffixes internes comme .local et .internal, les points de métadonnées cloud et une liste de ports internes sont refusés. Les pages derrière une authentification restent illisibles, la requête ne portant aucun de vos cookies.
Cas d'utilisation
Comment utiliser
Collez l'adresse de la page voulue dans le champ URL. Omettre https:// ne pose pas de problème : il est ajouté automatiquement.
Appuyez sur le bouton d'affichage du source. Un état de chargement s'affiche pendant que le serveur récupère la page, en suivant jusqu'à cinq redirections.
Lisez le HTML coloré, avec balises, noms d'attributs, valeurs entre guillemets et commentaires dans des couleurs distinctes.
Regardez le nombre de lignes et de caractères au-dessus du code pour juger de la quantité de balisage réellement envoyée par le serveur.
Appuyez sur Copier pour placer le source brut dans le presse-papiers, ou sur Télécharger pour l'enregistrer sous le nom d'hôte suivi de _source.html.
Comparez avec l'inspecteur de votre navigateur si une page paraît plus vide que prévu : l'écart, c'est tout ce que JavaScript ajoute.
Astuces Pro
- Le protocole est facultatif. Tapez example.com et https:// est ajouté ; si un site ne répond qu'en http, saisissez explicitement le préfixe http://.
- Le champ d'adresse est mis à jour avec l'URL finale après redirections : si vous avez demandé un domaine nu et obtenu la version www, le champ indique d'où vient réellement le source.
- Servez-vous du nombre de lignes et de caractères comme premier indice. Une page qui ne renvoie que quelques centaines de caractères est presque sûrement une application rendue en JavaScript.
- Copier envoie le source brut dans le presse-papiers, pas la version colorée : coller dans un éditeur donne donc du HTML valide et non un balisage rempli de balises de coloration.
- Au-delà de 1 Mo, le document est coupé et un commentaire de troncature est ajouté à la fin. Vérifiez la dernière ligne avant de conclure qu'une page n'a pas de balises fermantes.
Dépannage
Le source est presque vide alors que la page est pleine de contenu.
Le site se rend en JavaScript. Le code source montre le HTML envoyé par le serveur, et sur une application monopage cela peut se réduire à une coquille de quelques centaines de caractères. Tout le reste est construit dans le navigateur, d'où la différence avec l'inspecteur — et le risque que les robots ne voient pas ce contenu non plus.
Un message indique que les adresses privées ou internes sont refusées.
La récupération s'exécute sur un serveur : elle refuse donc tout ce qui pourrait atteindre un réseau interne — localhost, plages IP privées et réservées, noms d'hôtes en .local, .internal, .lan ou .intranet, points de métadonnées cloud et une liste de ports internes. Utilisez une adresse publiquement joignable.
Le message dit que la page n'a pas pu être récupérée ou que le site bloque les requêtes.
La requête s'annonce comme FreeWebTools View Source Bot et abandonne au bout de cinq secondes : une page lente ou un site qui bloque les agents inconnus échouera donc. Les pages derrière une authentification sont également hors de portée, vos cookies n'étant pas transmis. Réessayez, ou utilisez l'affichage du source du navigateur pour une page où vous êtes connecté.
Questions fréquemment posées
Il montre le document HTML que le serveur a envoyé pour une page, avant l'exécution de JavaScript. C'est ce qu'un robot lit en premier, et donc là que vivent titres, balises meta, liens canoniques et contenu rendu côté serveur. Collez une adresse ici et le source revient coloré, avec le nombre de lignes et de caractères au-dessus.
Le code source est le HTML arrivé du serveur ; Inspecter l'élément montre le DOM vivant après modification par les scripts. Sur un site chargé en JavaScript, le source peut être une coquille presque vide quand l'inspecteur déborde d'éléments. Utilisez le source pour voir ce qu'obtient un robot, et l'inspecteur pour déboguer ce que voit un visiteur.
Les navigateurs mobiles n'ont pas de menu d'affichage du source, et c'est précisément la raison d'être de cette page : collez l'adresse, appuyez sur le bouton et lisez le HTML sur votre téléphone. Cela évite aussi l'astuce du préfixe view-source:, que la plupart des navigateurs mobiles refusent d'ouvrir.
Appuyez sur Ctrl+U sous Windows et Linux, ou Commande+Option+U sur Mac, ou faites un clic droit et choisissez Afficher le code source de la page. Les deux ouvrent un onglet view-source:. Si le raccourci est indisponible ou le menu contextuel désactivé, récupérez plutôt l'adresse ici.
Ctrl+U dans Chrome, Firefox et Edge sous Windows et Linux ; Commande+Option+U dans Chrome sur Mac ; Commande+Option+U dans Safari une fois les fonctionnalités pour développeurs web activées dans les réglages. Sur téléphone, aucun raccourci n'existe : un outil côté serveur est la réponse pratique.
Oui. Bloquer le menu contextuel est un script de la page et ne change rien au HTML envoyé par le serveur. Le raccourci clavier fonctionne généralement encore, et récupérer l'adresse ici contourne complètement la question, la requête ne passant pas par les menus de votre navigateur.
Lire le HTML qu'un serveur public envoie volontairement à chaque visiteur relève de l'usage ordinaire du web, et tous les navigateurs proposent la fonction. Ce que vous faites ensuite de ce que vous y trouvez relève du droit d'auteur et des conditions de chaque site. Cet outil ne récupère que des pages publiquement joignables.
La requête est faite par un serveur qui n'a aucune session à vous : elle ne porte aucun de vos cookies, donc une page protégée renvoie l'écran de connexion ou une erreur plutôt que votre contenu. Pour tout ce qui se trouve derrière une authentification, utilisez l'affichage du source de votre navigateur une fois connecté.
Oui, un mégaoctet. Tout ce qui dépasse est coupé et un commentaire signalant la troncature est ajouté : vérifiez la dernière ligne avant de conclure qu'un document est mal formé. Les requêtes sont aussi limitées à 20 par minute et chaque récupération abandonne au bout de cinq secondes.
De deux façons. Copier place le source brut, et non le balisage coloré, dans le presse-papiers. Télécharger l'enregistre sous un nom formé à partir de l'hôte, points remplacés par des tirets bas — example.com devient example_com_source.html —, que vous pouvez ensuite ouvrir dans un éditeur.