Conseils pour l'utilisation de l'élément Inspect dans le navigateur Google Chrome

Tips Using Inspect Element Google Chrome Browser



En supposant que vous souhaitiez obtenir des conseils sur l'utilisation de la fonctionnalité Inspecter l'élément dans le navigateur Google Chrome : Faites un clic droit sur l'élément que vous souhaitez inspecter et sélectionnez 'Inspecter' dans le menu déroulant. Vous pouvez également utiliser le raccourci clavier Ctrl+Maj+I (Windows) ou Cmd+Opt+I (Mac) pour ouvrir l'Inspecteur. Une fois l'inspecteur ouvert, vous verrez le code HTML de la page à gauche et le CSS à droite. Vous pouvez apporter des modifications au code HTML et CSS dans l'inspecteur et voir ces modifications prendre effet immédiatement sur la page. Pour quitter l'inspecteur, cliquez simplement sur le X dans le coin supérieur droit.



Google Chrome n'est pas seulement destiné aux utilisateurs Web généraux, mais également aux développeurs Web qui créent souvent des sites Web, créent des blogs, etc. Vérifier l'élément ou Inspecter L'option Google Chrome aide les utilisateurs à trouver des informations sur un site Web masqué. Voici quelques conseils pour utiliser Inspect Element dans le navigateur Google Chrome pour PC Windows.





Vérifier l'élément Google Chrome

1] Trouver des fichiers JavaScript/médias cachés





Vérifier l



eliminar el perfil de usuario de windows 10

De nombreux sites Web affichent des fenêtres contextuelles si un visiteur reste sur une page Web pendant plus de 15 ou 20 secondes. Ou, dans de nombreux cas, une image, une publicité ou une icône s'ouvre après avoir accidentellement cliqué quelque part. Pour trouver ces fichiers cachés sur une page Web, vous pouvez utiliser Sources Onglet Inspecter l'élément. Une liste arborescente s'affiche sur la gauche, que vous pouvez explorer.

2] Obtenez le code couleur HEX/RGB dans Chrome

Inspecter 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 à l'aide de l'option intégrée de Google Chrome. Faites un clic droit sur une couleur et sélectionnez Inspecter . Dans la plupart des cas, vous vous retrouverez avec un code couleur sur le côté droit avec des CSS différents. Si vous ne le voyez pas, vous devrez peut-être utiliser un logiciel de sélection de couleurs gratuit.

cómo configurar una impresora predeterminada en Windows 10

CONSEIL : Jetez un oeil à ces Outils de sélection de couleurs en ligne Même.

habilitando windows aero

3] Obtenez des conseils pour améliorer les performances des pages Web

Inspecter l

Tout le monde aime visiter un site qui s'ouvre rapidement. Si vous concevez votre site Web, vous devez toujours garder cela à l'esprit. Il existe de nombreux outils pour tester et optimiser la vitesse de chargement des pages. Cependant, Google Chrome dispose également d'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, rendez-vous sur Audit onglet et assurez-vous Utilisation du réseau , Performances des pages Web , je Rechargement de page et audit au chargement choisi. Cliquez ensuite sur courir bouton. Il rechargera la page et vous montrera des informations qui peuvent être utilisées pour accélérer la page. Par exemple, vous pouvez obtenir toutes les ressources dont le cache n'a pas expiré, JavaScript pouvant être combiné dans un seul fichier, etc.

4] Testez la réactivité

Inspecter l

De nos jours, il est extrêmement important de rendre une page web responsive. Il existe de nombreux outils qui peuvent vérifier si votre site est entièrement réactif. Cependant, cet outil Google Chrome aide les utilisateurs savoir si un site est responsive ou non et vérifiez également à quoi il ressemblera sur un appareil mobile spécifique. Ouvrez n'importe quel site, obtenez Vérifier l'élément onglet, cliquez sur mobile cliquez sur le bouton, réglez la résolution ou sélectionnez l'appareil souhaité pour consulter la page Web.

deshabilitar el arranque seguro de Windows 10

5] Modifier le site Web en direct

Inspecter l

Supposons que vous construisiez une page Web, mais que vous ne connaissiez pas la palette de couleurs, la taille du menu de navigation, le contenu ou le format de la barre latérale. Vous pouvez modifier votre site Web en direct à l'aide de l'option Inspecter l'élément dans Google Chrome. Bien que vous ne puissiez pas enregistrer les modifications apportées à un site Web en direct, vous pouvez effectuer toutes les modifications afin de pouvoir les utiliser ultérieurement. Pour ce faire, ouvrez l'élément Inspecter, sélectionnez la propriété HTML sur le côté gauche et modifiez le style sur le côté droit. Si vous apportez des modifications au CSS, vous pouvez cliquer sur le lien vers le fichier, copier tout le code et le coller dans le fichier d'origine.

Téléchargez PC Repair Tool pour trouver rapidement et corriger automatiquement les erreurs Windows

Inspect Element de Google Chrome est un véritable compagnon de chaque développeur Web. Que vous conceviez un site Web d'une seule page ou un site Web dynamique, vous pouvez certainement bénéficier de ces conseils.

Articles Populaires