Conseils sur l'utilisation de l'élément Inspect du navigateur Google Chrome

Tips Using Inspect Element Google Chrome Browser

Voici quelques conseils qui vous aideront à mieux utiliser l'élément Inspect de Google Chrome. Modifiez le site Web en direct, vérifiez la réactivité, recherchez des fichiers cachés et plus encore!



Google Chrome est conçu non seulement pour les internautes réguliers, mais également pour les développeurs Web, qui créent souvent un site Web, conçoivent des blogs, etc. Inspecter l'élément ou Inspecter L'option de Google Chrome aide les utilisateurs à trouver des informations sur un site Web qui ne sont pas visibles. Voici quelques conseils sur l'utilisation de l'élément Inspect du navigateur Google Chrome pour Windows PC.







Inspecter l'élément de Google Chrome

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





Inspecter l



eliminar el perfil de usuario de windows 10

De nombreux sites Web affichent des fenêtres contextuelles si le visiteur reste sur la page Web pendant plus de 15 ou 20 secondes. Ou, plusieurs fois, une image, une annonce ou une icône s'ouvre après avoir cliqué quelque part au hasard. Pour trouver ces fichiers cachés sur une page Web, vous pouvez utiliser le Sources l'onglet Inspecter l'élément. Il montre une liste arborescente sur le côté gauche qui peut être explorée.

2] Obtenir le code couleur HEX / RVB dans Chrome

Inspecter les trucs et astuces de l



Parfois, nous pouvons aimer une couleur et vouloir 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 de Google Chrome. Faites un clic droit sur la couleur et cliquez sur Inspecter . La plupart du temps, vous obtiendrez le code couleur sur le côté droit avec d'autres CSS. Si vous ne le voyez pas, eh bien, vous devrez peut-être utiliser un logiciel de sélection de couleurs gratuit.

cómo configurar una impresora predeterminada en Windows 10

POINTE : Jetez un œil à ces Outils en ligne de Color Picker aussi.

habilitando windows aero

3] Obtenez des conseils sur l'amélioration des performances des pages Web

Inspecter les trucs et astuces de l

Tout le monde adore atterrir sur un site Web qui s'ouvre rapidement. Si vous concevez votre site Web, vous devez toujours garder cela à l'esprit. Il existe de nombreux outils pour vérifier et optimiser la vitesse de chargement des pages. Cependant, 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 à Audits onglet, et assurez-vous L'utilisation du réseau , Performances de la page Web , et Recharger la page et auditer au chargement sont sélectionnés. Cliquez ensuite sur Courir bouton. Il rechargera la page et vous montrera des 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é

Inspecter les trucs et astuces de l

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. Cependant, 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, obtenez Inspecter l'élément onglet, cliquez sur mobile , définissez la résolution ou sélectionnez le périphérique souhaité pour tester la page Web.

deshabilitar el arranque seguro de Windows 10

5] Modifier le site Web en direct

Inspecter les trucs et astuces de l

Supposons que vous créez une page Web, mais que vous ne comprenez pas le jeu de couleurs ou la taille du menu de navigation ou le contenu ou le rapport 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 sur le côté gauche et apportez des modifications de style sur le côté droit. Si vous apportez un changement dans CSS, vous pouvez cliquer sur le lien du fichier, copier le code entier et le coller dans le fichier d'origine.

Téléchargez l'outil de réparation PC pour trouver et corriger automatiquement les erreurs Windows

Inspect Element of 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.

Articles Populaires