Wie kann ich mit „$' in den Chrome Developer Tools auf native Funktionen zugreifen?

Auf die native $-Funktion in Chrome Developer Tools zugreifen

Die Chrome Developer Tools-Konsole bietet eine einzigartige Funktion, auf die Sie einfach durch Eingabe von „ zugreifen können. $". Diese Funktion hat nichts mit Bibliotheken wie jQuery zu tun und stellt stattdessen native Funktionalität innerhalb des Browsers dar.

Eine Überprüfung von „$“ in der Konsole zeigt eine Funktionsdefinition:

$
function () { [native code] }

Auf diese Funktion kann über das Fenster weiterhin nicht zugegriffen werden ['$'], document['$'] oder this['$']. Über seinen wahren Zweck wurde spekuliert.

Kürzliche Änderungen in der Browserfunktionalität

Das Verhalten von „$“ in Chrome hat sich im Laufe der Zeit weiterentwickelt. In der Vergangenheit fungierte es als Alias ​​für document.querySelector() oder als Äquivalent zu document.querySelectorAll(). Allerdings wurden durch aktuelle Updates zusätzliche Funktionen eingeführt, darunter:

• $: Ein Alias ​​für document.querySelector(), der einen Verweis auf das erste DOM-Element zurückgibt, das mit einem CSS-Selektor übereinstimmt.
• $$: Gibt ein Array von Elementen zurück, die einem CSS-Selektor entsprechen, ähnlich wie document.querySelectorAll().
• $_: Speichert die Wert des zuletzt ausgewerteten Ausdrucks.
• $0, $1, $2, $3, $4: Schnellverweise auf die letzten fünf im Bedienfeld „Elemente“ überprüften DOM-Elemente oder die letzten fünf JavaScript-Heap-Objekte im Profilbereich.

Obwohl „$“ keine zentrale JavaScript-Funktion ist, ist es ein praktisches Tool innerhalb der Chrome Developer Tools, das schnellen Zugriff auf DOM-Elemente und andere nützliche Funktionen bietet.

Das obige ist der detaillierte Inhalt vonWie kann ich mit „$' in den Chrome Developer Tools auf native Funktionen zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!