Dans Mundoapps.net, nous vous apprendrons à ouvrir et inspecter le code source de n’importe quelle page Web, en utilisant Google Chrome sur Mac ou Windows. Un nouvel onglet s’ouvre avec tout le code HTML de la page Web, entièrement développé et non formaté.
Si vous recherchez un élément ou une pièce spécifique dans le code source HTML, l’utilisation de View Source est fastidieuse et lourde, surtout si la page utilise beaucoup de JavaScript et CSS.
Inspecter la source à l’aide des outils de développement
►Cela pourrait également vous intéresser : Comment désactiver les pop-ups dans Google Chrome◄
Cette méthode utilise le panneau des outils de développement de Chrome et constitue une approche beaucoup plus claire pour afficher le code source. Le HTML est plus facile à lire ici grâce au formatage supplémentaire et à la possibilité de réduire les éléments que vous ne souhaitez pas afficher.
- Ouvrez Chrome et accédez à la page que vous souhaitez inspecter ; puis appuyez sur Ctrl + Maj + i. Un panneau ancré s’ouvrira à côté de la page Web que vous consultez.
- Cliquez sur la petite flèche grise à côté d’un élément pour zoomer encore plus.
- Si vous ne voulez pas voir le code complet de la page par défaut, mais à la place inspecter un élément spécifique du HTML, faites un clic droit sur cet espace de la page, puis cliquez sur « Inspecter« .
- Lorsque le panneau s’ouvrira cette fois, il ira directement à la portion de code qui contient cet élément sur lequel vous avez cliqué.
- Si vous souhaitez modifier la position du dock, vous pouvez le déplacer vers le bas, vers la gauche, vers la droite, ou même le désancrer dans une fenêtre séparée. Cliquez sur l’icône de menu (trois points), puis choisissez d’ancrer dans une fenêtre séparée, ancrer à gauche, ancrer en bas ou ancrer à droite, respectivement.
C’est tout ce que vous avez à faire. Lorsque vous avez terminé d’afficher le code, fermez l’onglet Afficher la source ou cliquez sur le « X » dans le panneau Outils de développement pour revenir à votre page Web.
►Lire : Comment débloquer des sites Web dans Google Chrome. TUTORIEL 2020◄
conclusion
Dans Mundoapps.nenous espérons que vous avez appris Comment afficher le code HTML dans Google ChromeSi vous pensez que quelque chose doit être mentionné, laissez votre commentaire.
