Outil en ligne gratuit - Aucune installation requise

Afficher le code source sur mobile

Consultez le HTML derrière n’importe quelle page web directement sur votre téléphone - sans application, sans ordinateur. Collez une URL ci-dessous pour obtenir un code source formaté et coloré, ou suivez plus bas les étapes pour iPhone et Android.

https://
source.html

⚡ Vitesse de la Page

🖥 Info Serveur

    📄 Info Page

      Aperçu

      Afficher le code source d’une page sur votre téléphone

      Les navigateurs mobiles masquent le code source - cet outil (et les étapes ci-dessous) le ramènent.

      Sur un ordinateur, afficher le HTML d’une page tient à un raccourci clavier. Sur un téléphone, non : Safari sur iPhone n’a pas de « afficher le code source » et bloque totalement les URL view-source:, tandis que Chrome sur Android prend bien en charge view-source: mais affiche le HTML brut tassé sur une seule longue ligne illisible.

      L’outil en haut de cette page fonctionne sur tout téléphone ou tablette. Il récupère la page sur notre serveur et renvoie le HTML formaté et coloré syntaxiquement, donc facile à lire sur un petit écran - aucune application à installer et aucun ordinateur nécessaire. Ci-dessous, les méthodes natives de chaque plateforme, et les cas où mieux vaut passer par l’outil.

      iPhone & iPad

      Comment afficher le code source sur iPhone (Safari)

      iOS n’a pas de view-source natif : un outil web est donc la voie la plus simple.

      1. Utilisez l’outil ci-dessus (le plus simple)Collez l’adresse de la page dans le champ en haut de cette page et appuyez sur Voir le Source. Cela fonctionne dans Safari, Chrome ou n’importe quel navigateur iOS et vous donne un HTML propre et coloré, que vous pouvez copier ou télécharger.
      2. Ajoutez un bookmarklet « afficher le code source »Pour les utilisateurs avancés : enregistrez un petit bookmarklet JavaScript dans vos favoris Safari, puis exécutez-le sur n’importe quelle page pour ouvrir son code source. Pratique, mais fastidieux à mettre en place sur iOS.
      3. Utilisez un Mac pour le DOM en directConnectez votre iPhone à un Mac, activez l’Inspecteur web dans Réglages → Safari → Avancé, puis ouvrez le menu Développement de Safari pour inspecter le DOM généré par JavaScript.

      Remarque : taper view-source: devant une URL ne fonctionne pas dans Safari iOS - le navigateur lance simplement une recherche sur ce texte. L’outil ci-dessus est l’option fiable sur iPhone.

      Android

      Comment afficher le code source sur Android (Chrome)

      Chrome pour Android dispose d’une méthode intégrée - plus une alternative formatée et plus simple.

      1. Utilisez view-source: dans ChromeAppuyez sur la barre d’adresse et tapez view-source: juste avant l’URL, par exemple view-source:https://example.com, puis validez. Chrome affiche le HTML brut de la page.
      2. Utilisez l’outil ci-dessus pour un rendu lisibleLa vue brute de Chrome n’est pas formatée et se fait mal défiler sur un téléphone. Collez la même URL dans l’outil en haut pour obtenir un code indenté et coloré, que vous pouvez copier ou télécharger.
      3. Débogage à distance pour le DOM en directPour inspecter le DOM modifié par JavaScript, connectez le téléphone à un ordinateur et ouvrez chrome://inspect dans Chrome sur le bureau, via USB.
      Pourquoi cet outil

      Pourquoi l’utiliser plutôt que la vue native sur mobile

      Ce que vous gagnez par rapport au view-source: brut de Chrome - et ce que l’iPhone ne sait pas faire nativement.

      ✓ Cet outil

      • Formaté & coloré - HTML indenté et mis en couleurs
      • Fonctionne sur iPhone - là où view-source: est bloqué
      • Copier & télécharger - enregistrez le HTML sur votre appareil
      • Sans application, sans ordinateur - juste un navigateur

      ⓘ view-source: natif

      • Chrome Android uniquement - pas sur iPhone
      • HTML brut, souvent sur une seule longue ligne minifiée
      • Aucune coloration, défilement pénible sur un téléphone
      • Ni copie ni téléchargement en un geste

      Vous voulez le même rendu formaté sur un portable, ou un formateur dédié ? Essayez la Visionneuse HTML, ou lisez comment afficher le code source dans tous les navigateurs de bureau et mobiles.

      FAQ

      Questions fréquentes

      Questions courantes sur l’affichage du code source HTML sur mobile.

      Peut-on afficher le code source sur un iPhone ?

      Safari sur iOS n’a pas de fonction « afficher le code source » intégrée, et les URL view-source: ne fonctionnent pas sur iPhone. Le plus simple est un outil web comme celui-ci : ouvrez cette page, collez l’URL et appuyez sur Voir le Source. Vous pouvez aussi utiliser un bookmarklet, ou connecter l’iPhone à un Mac et utiliser l’Inspecteur web de Safari.

      Comment afficher le code source dans Chrome sur Android ?

      Dans Chrome pour Android, tapez view-source: avant l’adresse dans la barre d’URL, par exemple view-source:https://example.com. Chrome affiche le HTML brut. Il n’est pas formaté : pour un rendu lisible et coloré, utilisez l’outil en haut de cette page.

      view-source: fonctionne-t-il sur mobile ?

      Sur Chrome pour Android, oui. Sur Safari iPhone, non : c’est bloqué. Cet outil fonctionne sur les deux, et sur tout autre navigateur mobile, car la page est récupérée par notre serveur et non par le navigateur.

      Dois-je installer une application ?

      Non. C’est un outil web : ouvrez-le dans n’importe quel navigateur mobile et collez une URL. Il n’y a rien à télécharger ni à installer.

      Puis-je voir le HTML d’une page sans ordinateur ?

      Oui. Collez l’URL sur votre téléphone et vous obtenez instantanément le code source HTML formaté, sans avoir besoin d’un ordinateur de bureau ou d’un portable.

      Pourquoi le code est-il plus lisible ici qu’avec view-source: ?

      Le view-source: natif affiche le HTML brut, souvent minifié sur une seule longue ligne pénible à lire sur un petit écran. Cet outil met le balisage en forme et le colore syntaxiquement pour qu’il reste lisible sur un téléphone.

      Puis-je copier ou enregistrer le HTML sur mon téléphone ?

      Oui. Utilisez Copier pour placer le HTML dans le presse-papiers, ou Télécharger pour l’enregistrer en fichier .html sur votre appareil.

      Le HTML ajouté par JavaScript est-il affiché ?

      Non. L’outil affiche le HTML brut renvoyé par le serveur, avant l’exécution du JavaScript côté client - exactement le point de départ que voit un moteur de recherche. Pour inspecter le DOM en direct modifié par les scripts, il faut les DevTools de bureau ou le débogage à distance.

      Suite

      Outils & guides associés

      Approfondissez le contenu web, le code source et le SEO avec ces ressources.

      Voir le code source en ligne
      Outil

      Voir le code source + Analyse intelligente

      Inspectez le code HTML complet dans votre navigateur avec audit SEO, détection des technologies et mesures de performance.

      Télécharger le code du site
      Outil

      Télécharger le code du site

      Vous voulez en garder une copie ? Enregistrez le HTML complet de toute page publique dans un fichier téléchargeable.

      Améliorer le SEO par le code
      SEO

      Améliorer le SEO grâce au code source

      Comment la structure HTML influence le classement - et quoi vérifier lors de l’audit d’une page.

      Comment lire le code source
      Guide

      Comment lire le code source HTML

      Un tour d’horizon accessible aux débutants sur la structure HTML, les balises et la lecture du balisage de n’importe quelle page.

      Toutes les balises HTML5
      Référence

      Référence de toutes les balises HTML5

      Index complet des balises HTML5 avec descriptions - utile pour inspecter du balisage extrait ou brut.

      Meilleurs éditeurs de code
      Outils

      Meilleurs éditeurs de code pour le web

      Un guide des meilleurs éditeurs et IDE gratuits et payants pour travailler avec HTML, CSS et JavaScript.