Comment afficher les codes source HTML des pages Web sur iPad / iPhone. Aucune application requise.

Êtes-vous curieux du Web et souhaitez-vous jeter un coup d'œil au code source de tout site Web sur Internet? Si tel est le cas, tu n'es pas seul. L'une des questions les plus fréquemment posées par les lecteurs est de savoir comment afficher les codes source HTML de N'IMPORTE QUELLE page Web sur un iPhone (ou un autre iDevice – iPad ou iPod Touch.) Heureusement, nous avons une solution grâce au développeur Rob Flaherty! Cet article décrit les étapes nécessaires pour afficher le code source (HTML, CSS, JavaScript, etc.) pour toute page Web sur vos iDevices, y compris iPad, iPhone ou iPod touch. Et le meilleur de tous, aucune application requise!

Comment afficher les codes source HTML sur iDevices

8 étapes faciles pour voir les codes source HTML

  1. Appuyez sur Safari (iPhone, iPod ou iPad), s'il n'est pas déjà ouvert, et visitez cette page. Cette méthode fonctionne également pour Chrome
  2. Sélectionnez le bouton Partager (également appelé bouton Action):

  3. Appuyez sur Signet :

  4. Choisissez le champ de nom et appuyez sur l'icône X pour l'effacer et nommez-le «Afficher la source de la page», puis appuyez sur «Enregistrer».

  5. Maintenant, visitez cette page et sélectionnez tout et copiez le code javascript: ( crédit de code: Rob Flaherty )

  6. Confirmez que le code que vous copiez à partir du site de Rob est le même que celui-ci (mais copiez à partir de cette page PAS par le bas):
    1. javascript: (function () {var a = window.open ('about: blank'). document; a.write ('Source of' + location.href + ''); a.close (); var b = a. body.appendChild (a.createElement ('pre')); b.style.overflow = 'auto'; b.style.whiteSpace = 'pre-wrap'; b.appendChild (a.createTextNode (document.documentElement.innerHTML) )}) ();
  7. Appuyez sur l'icône Signets et appuyez sur Modifier :

  8. Sélectionnez le signet «Afficher la source de la page» que vous venez de créer à l'étape 4:

  9. Appuyez sur le champ d'adresse et appuyez sur l'icône X pour l'effacer, puis collez le code javascript que vous avez copié à l'étape 5; puis appuyez sur Terminé

C'est tout! Vous pouvez maintenant utiliser accéder à n'importe quelle page Web en utilisant Safari mobile (et Chrome) sur votre iDevice (iPhone, iPod ou iPad), appuyez sur l'icône Signets, puis appuyez sur le signet Afficher la source de la page, et une nouvelle fenêtre s'ouvre affichant le code source de la page Web. Génial et facile!

Résultats finaux pour afficher les codes source HTML

Et, bien sûr, il y a une application pour ça!

Si vous n'aimez pas l'idée de passer par un tas d'étapes manuelles, l'App Store propose quelques applications qui font le travail pour vous! Recherchez des applications tierces comme View Source, Source for Webpage, Source Browser et des applications similaires qui vous permettent d'afficher le code source HTML. Avec ces applications, vous avez accès à tout le code source HTML de votre site préféré, CSS, et sur certaines applications, à tout Javascript. Certaines de ces applications offrent même une extension Safari pour les appareils iOS et incluent des fonctionnalités de surbrillance et de recherche de syntaxe intégrées!

Avec ces applications, l'affichage du code source est un processus fluide en une seule étape. Entrez simplement une URL et voyez immédiatement le code source derrière. Ou utilisez l'extension Safari de l'application et naviguez sur le Web comme vous le feriez habituellement. Ensuite, lorsque vous souhaitez afficher la source de votre page actuelle, il vous suffit d'appuyer sur l'icône Action et de choisir Afficher la source. Il est facile de copier le texte sur votre table de montage pour l'utiliser dans d'autres applications ou même de l'envoyer par e-mail.