Conseils d`utilisation du composant Inspecter l`élément du navigateur Google Chrome

Google Chrome est conçu non seulement pour les internautes réguliers, mais aussi pour les développeurs Web qui créent souvent un site Web, conçoivent des blogs, etc. l`option ou Inspecter de Google Chrome aide les utilisateurs à trouver des informations sur un site Web masqué. Voici quelques astuces pour utiliser le navigateur Inspecter l`élément du navigateur Google Chrome pour PC Windows Inspecter l`élément Google Chrome

1] Trouver des fichiers JavaScript / multimédia cachés

De nombreux sites Web affichent des fenêtres contextuelles si le visiteur reste sur le Web page pendant plus de 15 ou 20 secondes. Ou, plusieurs fois, une image, une annonce ou une icône s`ouvre après avoir cliqué au hasard quelque part. Pour trouver ces fichiers cachés d`une page Web, vous pouvez utiliser l`onglet

Sources de l`élément Inspecter. 2] Obtenez un code couleur HEX / RGB dans Chrome

Parfois, nous pouvons aimer une couleur et souhaiter connaître son code couleur. Vous pouvez facilement trouver le code de couleur HEX ou RVB utilisé sur une page Web particulière, en utilisant l`option native dans Google Chrome. Cliquez avec le bouton droit sur la couleur et cliquez sur

Inspecter . Dans la plupart des cas, vous obtiendrez le code de couleur sur le côté droit avec d`autres CSS. Si vous ne le voyez pas, il se peut que vous deviez utiliser un logiciel de sélection de couleurs gratuit ASTUCE

: jetez également un œil à ces outils en ligne de Color Picker 3]

Tout le monde adore atterrir sur un site web qui s`ouvre vite. Si vous concevez votre site Web, gardez toujours cela à l`esprit. Il existe de nombreux outils pour vérifier et optimiser la vitesse de chargement des pages. Toutefois, Google Chrome est également livré avec un outil intégré qui permet aux utilisateurs d`obtenir des conseils pour améliorer la vitesse de chargement du site Web. Pour accéder à ces outils, accédez à l`onglet

Audits et vérifiez que Utilisation du réseau , Performances de la page Web et Recharger la page et Auditer sur le chargement sont sélectionnés. Puis cliquez sur le bouton Exécuter . Il rechargera la page, et vous montrera quelques informations qui peuvent être utilisées pour rendre la page plus rapide. Par exemple, vous pouvez obtenir toutes les ressources qui n`ont pas d`expiration de cache, JavaScript qui peut être combiné en un seul fichier, etc. 4] Vérifier la réactivité

Rendre une page web réactive est crucial, de nos jours. Il existe de nombreux outils permettant de vérifier si votre site est complètement réactif ou non. Toutefois, cet outil de Google Chrome aide les utilisateurs à savoir si le site est réactif ou non, ainsi que de vérifier à quoi il ressemblerait sur un appareil mobile particulier. Ouvrez n`importe quel site Web,

Inspecter l`élément , cliquez sur bouton mobile, définissez la résolution ou sélectionnez le périphérique souhaité pour tester la page Web 5] Modifier le site Web en direct

Supposons que vous créez une page Web, mais vous ne savez pas trop sur la couleur schéma ou taille du menu de navigation ou contenu ou ratio de la barre latérale. Vous pouvez modifier votre site Web en direct à l`aide de l`option Inspecter l`élément de Google Chrome. Bien que vous ne puissiez pas enregistrer les modifications sur un site Web en direct, vous pouvez effectuer toutes les modifications afin de pouvoir les utiliser davantage. Pour ce faire, ouvrez Inspecter l`élément, sélectionnez la propriété HTML dans la partie gauche et modifiez le style sur le côté droit. Si vous faites des changements dans CSS, vous pouvez cliquer sur le lien du fichier, copier le code entier et le coller dans le fichier original

Inspecter l`élément de Google Chrome est un véritable compagnon de tout développeur Web. Peu importe que vous développiez un site Web d`une page ou un site Web dynamique, vous pouvez certainement utiliser ces conseils.