Découvrez les 3 meilleures méthodes pour inspecter Element sur les appareils Android
Publié: 2022-10-12Inspecter l'élément vous permet de repérer le code de base et de le déboguer sur un site Web. Il est avantageux pour les développeurs qui souhaitent découvrir des erreurs et pour les utilisateurs ordinaires qui souhaitent télécharger un fichier. Mais cette option d'inspection d'élément n'est pas ouvertement disponible pour les utilisateurs d'Android !
Selon les rapports de Chrome-Developer Tools, l'élément d'inspection est la fonctionnalité la plus élémentaire requise pour un développeur. Le développeur ne peut pas toujours emporter son ordinateur portable avec lui, il peut également être à la recherche de cet élément d'inspection sur un appareil Android.
Donc, dans cet article, je vais vous dire comment inspecter un élément sur Android avec 3 méthodes simples mais utiles. Avant d'entrer dans cet article, permettez-moi de vous expliquer brièvement ce qu'est l'élément d'inspection. Inspecter un élément est un outil de développement proposé par divers navigateurs.
Il est utilisé pour afficher les parties spécifiques du code et les modifier temporairement. En utilisant cet outil, les développeurs donnent un aspect amélioré au front-end du site Web. Les changements qu'ils apportent sont temporaires, pour les rendre fonctionnels un développeur édite le code dans l'éditeur de code.s
Alors, commençons!
Table des matières
À quoi sert d'inspecter un élément dans Android ?
L'inspection d'un élément fournit ses fonctionnalités principalement à deux catégories - les développeurs et les utilisateurs communs. Les développeurs utilisent cet outil uniquement pour donner un bon aperçu de leur site Web en jouant simplement avec les scripts.
Les modifications qu'ils effectuent dans l'outil d'inspection n'affectent pas le code principal, une fois qu'ils rechargent, tout est défini par défaut. De cette façon, les développeurs expérimentent différents scripts et en font un qui convient le mieux.
L'outil d'inspection est également utile pour les utilisateurs courants de navigateurs qui ne font que surfer en ligne. En inspectant un élément, un utilisateur peut connaître le type de langage de codage impliqué dans la création d'un site Web et les différents scripts utilisés.
Il est également utile de télécharger des images, de l'audio et des vidéos à partir d'un site particulier où l'option de téléchargement n'est pas ouvertement disponible.
En sachant comment inspecter un élément sur Android, vous pouvez facilement profiter de toutes les fonctionnalités ci-dessus sans acheter d'ordinateur portable ou de PC.
3 meilleures méthodes pour inspecter Element sur Android
Inspecter un élément sur Android n'est pas une tâche facile. Mais les 3 façons énumérées ci-dessous sont vraiment époustouflantes et en les suivant, vous pouvez sûrement utiliser les fonctionnalités de l'outil d'inspection en tant qu'utilisateur Android.
1. Ajout d'un signet de code sur le navigateur Chrome
Un signet est une fonctionnalité de navigateur Web utilisée pour enregistrer une URL spécifique sur le navigateur.
Nous allons donc utiliser cette fonctionnalité de signet en collant simplement un code au lieu de l'URL. Chaque fois que vous ouvrez le signet créé, une option d'inspection de la fonction apparaît.
Pour ajouter ce code, vous devez d'abord ouvrir votre navigateur Chrome > Appuyez sur le menu Plus d'options disponible dans le coin supérieur droit > Cliquez sur l'icône étoile >.
Après avoir cliqué sur l'icône de démarrage, une option apparaîtra en bas appelée " Modifier "> appuyez simplement dessus.
Après être allé dans le panneau d'édition, sous la section URL, collez simplement le code indiqué ci-dessous et quittez la page.
Maintenant, visitez le site Web de votre choix et recherchez simplement le nom que vous avez donné pour cet élément dans le champ de recherche.
Après cela, vous trouverez l'icône d'engrenage dans le coin inférieur droit, cliquez dessus une fois et cet outil commencera à fonctionner.
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })(); 2. Affichage du code source d'un site Web particulier
La première procédure est un peu compliquée pour ceux qui n'utilisent pas fréquemment la fonction de signet de chrome.
Ainsi, la visualisation du code source du site Web de votre choix vous donnera presque la même apparence que celle de l'outil d'inspection mentionné ci-dessus.
Cette méthode d'inspection des éléments peut être effectuée sur n'importe quel navigateur de votre choix. La première étape consiste à ouvrir le site Web que vous souhaitez inspecter> Ensuite, allez simplement dans la barre d'URL et tapez " view-source: " juste avant l'adresse du site Web.
Après avoir recherché cette adresse, vous verrez tout le script de la page et tous les codes nécessaires intégrés à la page. Il vous servira également du lien de téléchargement de toute image ou vidéo sur la page particulière.
3. Utiliser une application pour inspecter un élément
Une application spécifique pour une fonctionnalité ou une fonction spécifique facilite toujours notre travail. Donc, si vous pensez également de la même manière, cette méthode vous aidera sûrement.
Nous allons maintenant voir une application spécifique qui possède toutes les fonctionnalités de l'outil d'inspection utiles pour un développeur.
Tout d'abord, vous devez installer « HTML Website Inspector Editor » sur votre appareil Android à partir de Play Store.
Après l'installation, ouvrez-le > Recherchez le site Web souhaité > Cliquez sur l'icône Plus d'options dans le coin supérieur droit de l'écran.
Après avoir cliqué dessus, vous trouverez de nombreuses options répertoriées pour modifier le code HTML, la source de la page et JavaScript.
C'est un peu différent de l'outil d'inspection normal, mais tout est arrangé de manière appropriée pour rendre les options facilement disponibles.
Apprendre la fonctionnalité de l'outil d'inspection !
Vous connaissez peut-être maintenant les méthodes, mais vous ne connaissez peut-être pas les fonctionnalités répertoriées dans l'option d'outil d'inspection. Donc, je vais essayer de vous donner une idée de base des différents onglets et fonctions disponibles dans l'option d'outil d'inspection.
Deux icônes sont disponibles lorsque vous inspectez un élément (sur le bureau), la première option vous aide à sélectionner différentes sections et la seconde vous permet de vérifier la réactivité de la page.
À côté de cela, quatre onglets sont disponibles, à savoir Éléments, Console, Sources et Réseau. L'onglet Éléments affiche toutes les sections et tous les liens de la page. L'onglet Console est essentiellement utilisé pour rechercher des erreurs pendant le temps d'exécution.
L'onglet Sources répertorie les différents scripts provenant de sources externes sur Internet. Enfin, l'onglet Réseau donne diverses listes basées sur l'Internet utilisé sur le site.
Il donne des informations sur la cascade, le temps de chargement d'un fichier particulier, la taille du fichier, etc.
Récapitulatif sur la façon d'inspecter Element sur Android
Les développeurs ont toujours besoin d'outils de base qui fonctionnent même sur un Android plutôt que sur un ordinateur de bureau.
L'inspection d'un élément dans n'importe quel appareil vous donnera les mêmes résultats. Mais savoir inspecter un élément sur android vous fera sûrement gagner du temps.
Si vous souhaitez télécharger une image à partir d'un site Web, il vous suffit d'inspecter et de sélectionner la section en question. Vous y trouverez donc le lien de téléchargement. Il en est de même pour les autres formats de fichiers.
J'espère que vous avez trouvé les méthodes et les informations fournies dans cet article utiles. Si vous avez des questions ou des problèmes liés à l'inspection d'éléments sur Android, n'hésitez pas à nous les poser dans les commentaires ci-dessous.
FAQ : Comment inspecter Element sur Android
L'inspection d'éléments sur Android peut être un sujet quelque peu déroutant pour vous. Donc, afin de vous aider à comprendre, j'ai également donné quelques questions fréquemment posées par les internautes.