JavaScript Inspecteur d'éléments


Exemple

En cliquant sur le entrer la description de l'image ici Sélectionnez un élément dans la page pour l'inspecter dans le coin supérieur gauche de l'onglet Eléments dans l'onglet Chrome ou Inspecteur de Firefox, disponible à partir des outils de développement, puis cliquez sur un élément de la page pour mettre l'élément en surbrillance et lui attribuer $0 variable .

L'inspecteur d'éléments peut être utilisé de diverses manières, par exemple:

  1. Vous pouvez vérifier si votre JS manipule DOM comme vous le souhaitez,
  2. Vous pouvez plus facilement déboguer votre CSS lorsque vous voyez quelles règles affectent l'élément
    (Onglet Styles dans Chrome)
  3. Vous pouvez jouer avec CSS et HTML sans recharger la page.

En outre, Chrome se souvient des 5 dernières sélections dans l'onglet Éléments. $0 est la sélection actuelle, tandis que $1 est la sélection précédente. Vous pouvez aller jusqu'à $4 . De cette façon, vous pouvez facilement déboguer plusieurs noeuds sans constamment les sélectionner.

Vous pouvez en lire plus sur Google Developers .