Quel est le but de la variable $ dans la console des outils de développement de Chrome ?

Variable $ dans Chrome

Question :

En explorant les outils de développement de Chrome sur une page sans jQuery, un comportement particulier a été observé. Taper "$" dans la console a renvoyé une fonction avec du code natif. Cette fonction n'est pas accessible via window['$'], document['$'] ou this['$'], et son objectif reste énigmatique.

Réponse :

La variable $ dans la console devtools de Chrome a subi plusieurs modifications. Il sert actuellement d'alias pour document.querySelector et fournit des fonctionnalités supplémentaires :

• $(selector): Renvoie une référence au premier élément DOM correspondant au sélecteur CSS, similaire à document.querySelector().
• $$(selector): Renvoie un tableau d'éléments correspondant au sélecteur CSS, remplaçant efficacement document.querySelectorAll().
• $_ : Stocke la valeur de l'expression évaluée la plus récente.
• $0, $1, $2, $3 et $4 : Fournit des références historiques aux cinq derniers éléments DOM inspectés dans le panneau Éléments ou les objets de tas JavaScript dans le panneau Profils.

Notamment, $$ n'appelle pas littéralement document.querySelectorAll(), car il renvoie un tableau au lieu d'une NodeList.

Chrome est le seul navigateur qui expose cette variable $, qui sert de raccourci pratique pour interagir avec les éléments DOM et accéder à diverses expressions et objets dans la console des outils de développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!