Comment afficher le code source HTML d'une page Web sur iOS ou Mac (Guider)

Que vous vous familiarisiez avec le développement Web à petite échelle ou que vous ayez simplement intérêt à fouiller dans le code pour voir comment les choses fonctionnent, il peut arriver que vous souhaitiez voir le code source HTML derrière une page Web spécifique..

Il est possible de le faire à partir de vos appareils iOS tels qu'un iPhone ou iPad et votre Mac. Dans ce didacticiel, nous allons vous montrer comment afficher le code source HTML d'une page Web sur les deux plates-formes.

Comment afficher le code source d'un site Web sur iPhone ou iPad

Si vous souhaitez afficher le code source d'une page Web à partir de votre iPhone ou iPad, vous voudrez utiliser une application pour vous aider. La plupart des applications modernes facilitent ce processus et incluent une mise en évidence de la syntaxe utile afin que vous puissiez mieux comprendre ce que vous regardez.

Nous vous recommandons d'utiliser HTML Viewer Q, qui est un téléchargement gratuit sur l'App Store. Une fois installé, procédez comme suit pour afficher le code source d'une page Web:

1) Lancez HTML Viewer Q à partir de votre écran d'accueil.

2) Appuyez sur le Lien bouton en haut à droite de l'application:

3) Saisissez l'URL complète d'une page Web dont vous souhaitez voir le code source, puis appuyez sur le Aller bouton (nous utiliserons Amazon pour cet exemple).

4) Une fois la page chargée, appuyez sur le Code bouton en haut à gauche de l'application.

Vous visualisez maintenant le code source de la page Web que vous avez sélectionnée. Vous pouvez appuyer sur l'un des nombres en haut de l'application pour basculer entre différentes tailles de police: c.-à-d. 9 pt, 12 pt, 16 pt, etc., et vous pouvez également utiliser le bouton Rechercher pour rechercher des mots clés ou une syntaxe que vous pourriez être spécifiquement à la recherche de.

L'application vous permet également de copier le code HTML afin de pouvoir le coller dans n'importe quelle autre application.

Comment afficher le code source d'une page HTML dans Safari sur Mac

Si vous utilisez un Mac, vous n'avez vraiment pas besoin d'un logiciel tiers pour afficher le code source d'une page Web. Vous pouvez utiliser Safari (ou tout autre navigateur Web que vous préférez) pour voir le code source dans le navigateur lui-même.

Remarque: Ces étapes varient légèrement en fonction du navigateur Web que vous utilisez.

Première partie: activer les outils de développement dans Safari

Pour afficher le code source d'une page Web dans Safari, vous devez d'abord activer les outils de développement cachés. Pour ce faire, procédez comme suit:

1) Lancez Safari s'il n'est pas déjà ouvert.

2) Aller à Safari → Préférences dans la barre de menu.

3) Ouvrez le Avancée onglet dans la fenêtre Préférences.

4) Mettez une coche dans le Afficher le menu Développement dans la barre de menus case si elle n'est pas déjà cochée.

Maintenant que les outils appropriés sont activés, vous êtes prêt à passer à la section suivante pour afficher le code source d'une page Web.

Deuxième partie: afficher le code source d'une page Web dans Safari

Pour afficher le code source d'une page Web une fois les outils de développement activés, procédez comme suit:

1) Lancez Safari s'il n'est pas déjà ouvert.

2) Chargez la page Web dont vous souhaitez voir le code source (nous utiliserons Amazon pour cet exemple).

3) Aller à Développer → Afficher la source de la page dans la barre de menus (ou faites un clic droit sur la page et sélectionnez Afficher la source de la page).

4) Le code source apparaîtra désormais dans une fenêtre en bas de l'application Safari:

Vous pouvez utiliser la barre de recherche pour trouver des mots clés ou une syntaxe spécifiques si vous le souhaitez, ou vous pouvez redimensionner la fenêtre de développement en cliquant et en faisant glisser un bord comme vous le feriez pour redimensionner une application sur votre Mac.

Emballer

Cette fonctionnalité donne aux curieux Georges la possibilité de voir ce qui fait vibrer une page Web, mais c'est également un outil précieux pour les développeurs Web, novices ou expérimentés, qui veulent une meilleure compréhension du code derrière une page Web, ou tout simplement veulent dépanner leur propre site.

Lisez aussi: