Articles

Comment afficher les codes sources des sites web sur iPad / iPhone [Astuce rapide]

Posted on

Vous utilisez votre iPad pour naviguer sur le Web et vous êtes curieux de voir la source d’une page web mais vous n’avez pas les options pour le faire. L’instant d’après, vous retournez sur votre Mac ou votre PC pour ouvrir le même site web et vérifier la source de la page. Maintenant, si cela ne s’appelle pas un tracas, je ne sais pas ce que c’est.

Pour faciliter les choses pour tous les utilisateurs d’iPad et d’iPhone là-bas, voici une astuce pour vous permettre de visualiser la source d’une page web directement depuis votre appareil. Prenez note que le code que vous utiliserez vous redirigera vers le site web du créateur, où la source est présentée en syntaxe surlignée et en URL cliquable pour faciliter la lecture.

Configurer le signet ‘View Source’

  1. Pour commencer, ouvrez votre Safari mobile sur votre appareil Apple et mettez en signet la page que vous lisez en cliquant sur le bouton de signet. Au lieu du nom de la page, nommez-le ‘View Source’, puis cliquez sur ‘Save’.

    Ajouter un signet

  2. Ouvrez ce bookmarklet javascript, sélectionnez tout et copiez le script.

    Copier le script

  3. Tapez sur l’icône du signet dans la partie supérieure gauche de votre navigateur mobile Safari, et tapez sur ‘Editer’

    Editer le signet

  4. Tapez sur le signet ‘View Source’ que vous avez créé à l’étape 1.

    Editer le signet

  5. Maintenant collez le javascript du bookmarklet que vous avez copié à l’étape 2 dans la barre d’URL et tapez sur ‘Done’.

    coller le script

Voir la source sur Safari sur iPad et iPhone

Maintenant que vous avez créé un nouveau signet appelé ‘Voir la source’, pour voir la source de n’importe quelle page web, ouvrez n’importe quel site depuis votre navigateur Safari, tapez sur l’icône du signet puis sur le signet ‘Voir la source’.

Voir la source

Ce raccourci de signet enverra une requête au serveur du créateur pour qu’il la traite, puis ouvrira un nouvel onglet de navigateur pour que vous puissiez visualiser la source en syntaxe surlignée.

voir la source

Conclusion

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *