Que vous veniez de commencer dans le développement Web ou que vous appreniez et exploriez comment les choses fonctionnent dans les coulisses, il est très utile de voir le code source HTML derrière un certain site Web. Eh bien, vous pouvez facilement le faire directement depuis votre appareil Android ou iOS.
Ainsi, dans ce didacticiel, je vais vous expliquer comment afficher le code source HTML d’une page Web sur les plates-formes iOS et Android. Mais d’abord, découvrons ce qu’est le code source.
Comment afficher les codes sources des sites Web sur iPhone et iPad
Si vous souhaitez afficher le code source d’une page Web sur votre iPhone ou iPad, vous aurez besoin d’un outil de visualisation du code source du site Web. Il existe de nombreuses applications qui simplifient cette procédure, avec une coloration syntaxique pour vous aider à comprendre ce que vous recherchez.
Visualiseur HTML Q est l’un des meilleurs outils pour afficher le code source du site Web sur iPhone que vous pouvez installer gratuitement à partir de l’App Store. Utilisons cet outil pour voir le code source du site Web d’Amazon.
Étape 1. Lancer la visionneuse HTML Q
Lancer la visionneuse HTML Q depuis votre écran d’accueil et appuyez sur le Bouton Lien en haut à droite de l’application.
Étape 2. Entrez l’URL du site Web
Entrez l’URL complète d’une page Web dont vous souhaitez voir le code source, puis appuyez sur le Va bouton.
Étape 3. Afficher le code source
Une fois la page chargée, appuyez sur le Code (</>) en haut à gauche de l’application et vous verrez le code source du site Web avec la syntaxe mise en évidence dans différentes couleurs.
Comment afficher les codes sources du site Web sur Android
Si vous souhaitez vérifier le code source d’une page Web sur Android, Site Web de visionneuse de code source HTML serait un bon choix. Il fait un excellent travail de mise en évidence de la syntaxe HTML et d’affichage des numéros de ligne.
Vous pouvez également simplement mettre en surbrillance le code et le copier/coller dans une autre application avec cet outil. Vous pouvez également enregistrer le code, rechercher des mots-clés, modifier les couleurs d’arrière-plan et bien plus encore via cette application.
Voici comment l’utiliser pour afficher le code source de n’importe quel site Web.
Étape 1. Lancez l’application
Lancez l’application HTML Source Code Viewer depuis votre écran d’accueil et entrez l’URL du site Web dont vous souhaitez afficher le code source (pour ce guide, nous utilisons Amazon).
Étape 2. Afficher le code source
Clique le Code source bouton. Il affichera un fichier HTML avec tout le code source du site Web.
Afficher les codes sources sur Android et iPhone sans application
Bien qu’il existe un moyen d’afficher la source HTML d’un site Web sur Android ou iPhone via l’application, vous pouvez également l’afficher sans elle en utilisant le Voir le site Web de la source de la page. Cet outil vous permet de visualiser la version formatée du code source de n’importe quel site Web directement dans le navigateur.
Étape 1. Copiez/collez l’URL
Ouvrez le site Web Afficher la source de la page, copiez l’URL du site Web dont vous souhaitez afficher le code source et collez-le dans la zone de recherche du site Web.
Étape 2. Afficher le code source
Maintenant, cliquez sur le bouton Afficher le code source et le code source du site Web vous sera affiché.
Emballer
Chaque fois que vous avez besoin d’afficher le code source d’un site Web, vous pouvez simplement utiliser les outils susmentionnés pour l’afficher sur un appareil mobile ou sur votre PC via le navigateur. À partir de ces outils, vous pouvez également simplement copier et coller le code source dans d’autres fichiers ou applications.
J’espère que cet article vous a été utile. Merci d’avoir lu!
