Android

Comment afficher le code source d'une page Web sur un iphone ou un ipad

How to Make a WEBSITE for FREE!

How to Make a WEBSITE for FREE!

Table des matières:

Anonim

Même si les applications iOS ne sont pas encore tout à fait des machines de développement, vous trouverez généralement un iPhone ou un iPad dans la boîte à outils d'un concepteur / développeur Web. Toutefois, si vous êtes un développeur / éditeur ou juste quelqu'un qui souhaite afficher le code source d'une page ou afficher tous les actifs déployés sur celle-ci, vous le faites généralement à partir de l'ordinateur.

Désormais, iOS 8 facilite considérablement l'affichage des sources, des ressources et des ressources DOM d'une page. Et grâce à de superbes applications tierces avec prise en charge des extensions, vous pouvez le faire correctement dans Safari (Chrome n'est pas pris en charge car les extensions ne peuvent accéder à DOM que dans Safari).

Parlons des deux applications qui vous aideront à visualiser et à enregistrer le code source de tout site Web lorsque vous êtes en déplacement.

Voir l'extension source pour Safari

View Source (0, 99 $) est une application simple et puissante avec une extension Safari. Il en coûte 0, 99 $, mais vient avec beaucoup de fonctionnalités.

Une fois l'application installée, accédez à Safari, appuyez sur le bouton Partager, faites glisser votre doigt vers la droite sur la rangée du bas, puis appuyez sur Plus. À partir d'ici, basculez View Source. Cela activera l'extension.

Plus sur les extensions iOS 8: Les extensions iOS 8 deviennent rapidement un outil puissant. Jetez un coup d'œil à leur fonctionnement, aux meilleures extensions de partage et à la manière dont une extension peut vous aider à faire de Safari un téléchargeur à part entière.

Maintenant, allez à la page, appuyez sur le bouton Partager et choisissez Afficher la source. Vous verrez le code source de la page dans toute sa splendeur. Appuyez sur le bouton Partager pour afficher la feuille de partage native. De là, vous pouvez envoyer le code à une application pour notes ou l'envoyer par courrier électronique.

Ci-dessous, vous verrez quatre boutons - Assets, DOM, Script et Info.

Les ressources répertorient toutes les images de la page. Vous pouvez appuyer sur un lien pour voir un aperçu et enregistrer l'image.

Le bouton DOM vous montrera un modèle d'arborescence avec une structure hiérarchique des documents HTML, XML et SVG. Vous pouvez appuyer sur n'importe quel élément pour le développer.

Le bouton Script vous permet d’écrire et d’injecter du Javascript dans n’importe quelle page (localement). Le panneau Info affiche des informations sur la page.

Srcfari

Srcfari (0, 99 $) est une alternative à View Source. Bien que l'application affiche le code source et les éléments tels que des images, des feuilles de style CSS et des scripts s'exécutant sur la page, vous devrez le faire à partir de l'application elle-même. Il n'y a pas d'extension Safari pour Srcfari.

Cela dit, utiliser Srcfari n’est pas une mauvaise expérience du tout. L'application a une belle typographie et réussit beaucoup mieux à décomposer les actifs par scripts, CSS et images que l'application View Source. Un problème que j'ai avec Srcfari, c'est qu'il a activé l'habillage de texte pour les feuilles de style CSS, mais pas lorsque vous affichez la source entière (ce que fait l'application View Source). Cela signifie qu'il y aura une bonne quantité de panoramique et de zoom impliqués, au moins sur l'iPhone.

En dehors de cela, Srcfari est l'affaire habituelle. Vous pouvez copier le code source dans votre presse-papiers ou l'envoyer par courrier électronique à quelqu'un. Vous pouvez également enregistrer des images à l'aide de l'application.

Conclusion

Safari est probablement déjà votre navigateur de choix sur iOS (principalement parce qu'iOS ne vous permet pas de sélectionner Chrome par défaut). Si vous avez besoin d'afficher le code source assez souvent, l'application $ 0, 99 View Source avec son extension Safari vaudra le prix.

Utilisez-vous habituellement votre iPhone ou votre iPad pour dépanner des sites Web? Ou voir ce qui ne va pas avec eux? Faites-nous savoir dans les commentaires ci-dessous.