Comment afficher le code html d’un site sur un mobile Android

0

Comme tout bon développeur qui se respecte, vous avez essayé un jour ou l’autre de récupérer le code html d’un site depuis votre smartphone Android. Problème, les navigateurs pour mobile contrairement à leurs homologues desktop ne proposent pas ce type de fonction. Dans ce tutoriel, nous vous expliquons comment remédier à cette lacune.

Code source d’un site web compatible mobile

Si vous êtes sur cette page, c’est probablement parce que vous avez déjà tenté sans succès d’afficher le code source (html et javascript) d’une page web sur votre téléphone. Il faut dire que les navigateurs mobiles ne nous facilitent pas vraiment la tâche. Inutile de perdre votre temps à farfouiller dans les menus, vous ne trouverez aucune option pour vous aider à découvrir les secrets de fabrication d’un site.

Bien évidemment rien ne vous empêche d’effectuer cette opération depuis votre ordinateur. Sauf qu’avec le développement de l’usage des smartphones, la plupart des sites internet proposent une version mobile. En clair cela veut dire que l’affichage de la page web s’adapte automatiquement à la taille de votre appareil (smartphone, tablette, ordinateur).

Forcément si vous surfez depuis un ordinateur, votre navigateur internet n’affichera pas la même page que sur votre téléphone. Vous l’aurez compris, cette solution ne permet pas d’accéder au code source des sites développés spécifiquement pour les mobiles.

Application dédiée à l’affichage du code HTML

La concurrence dans le web est de plus en plus dur. Pour toujours rester à la page, les webdesigners comme les développeurs web se doivent d’étoffer leur savoir faire et leur connaissance en s’inspirant des solutions techniques adoptées par les sites mobiles à fort trafic.

Fort heureusement, des applications permettent aujourd’hui d’afficher le code HTML d’une page web mobile. C’est le cas notamment de HTML Viewer. Très simple à utiliser, cette application devrait contenter les professionnels du web. Et cerise sur le gâteau, elle est totalement gratuite

  • Lancez le Play Store sur votre smartphone ou votre tablette Android
  • Dans la barre de recherche placée tout en haut de la fenêtre, tapez HTML Viewer
  • Cliquez sur le bouton Installer
  • Lancez ensuite l’application que vous venez d’installer
  • Sélectionnez le type de protocole de transfert (http ou https) du site dont vous souhaitez afficher le code sourceSélectionner le protocole correspondant à votre site
  • Tapez l’adresse de la page web et validez en appuyant sur le bouton view sourceCliquer sur le bouton HTML View pour afficher le code d'un site web
  • Cliquez ensuite sur le bouton web view pour afficher la page dans un navigateur

Afficher le code source dans un éditeur de code HTML

Voilà vous savez maintenant comment récupérer le code HTML d’une page web mobile. Malheureusement l’aperçu proposé par HTML Viewer ne permet pas de travailler efficacement. L’interface de l’éditeur de texte se révèle bien trop rudimentaire. Vous n’aurez pas d’autres choix que d’exporter le code HTML vers un outil spécialement destiné aux développeurs.

  • Lancez Chrome pour mobile
  • Tapez l’URL du site de votre choix
  • Cliquez sur le bouton Menu (3 petits points superposés) puis sur Partager
  • Dans la liste sélectionnez l’application HTML Viewer
  • Patientez quelques secondes le temps que le code source de votre site se charge
  • Appuyez ensuite sur l’icône en forme d’enveloppePartager le code source récupérer depuis l'application HTML Viewer
  • Choisissez l’option GmailEnvoyer par mail le code HTML d'une page web adaptée aux mobiles Android
  • Entrez votre adresse e-mail et l’objet de votre courrier électronique
  • Cliquez sur le bouton Envoyer

Il ne vous reste plus maintenant qu’à vous connecter à votre messagerie et de copier-coller le code source dans votre éditeur de texte préféré.

Ajouter un commentaire