Warum wird = $ 0 im Safari Web Inspector angezeigt?

10

Ich habe mich eine Weile darüber gewundert. Warum wird =$0in Safari neben Elementen im Webinspektor angezeigt? Ich benutze Safari 9.0.1

Hier ist ein Bild von dem, wovon ich spreche

(größer):

Oder wenn Sie die Version lieber lesen möchten:

<div style="height: 100px; width: 2px; background-color: rgb(255,196,122); transform: rotate(-60deg); bottom: 10px; right: 80x;"> = $0

safari web-browser web-inspector

— www139
quelle

Dies ist eine Variable, die Sie in der Konsole verwenden können.

— John Keates

@ JohnKeates Interessant. Danke fürs Teilen :) Keiner der anderen Browser hat es und ich habe es gesehen und mich gefragt, warum es dort war.

— www139

7

Höchstwahrscheinlich haben Sie das Inspektionswerkzeug verwendet und ein Element hervorgehoben.

Die Variablen $ 0– $ 4 enthalten die aktuellen und zuvor ausgewählten Knoten aus der Elementbaumhierarchie.

Quelle: https://webkit.org/blog/829/web-inspector-updates/

Chrome, Firefox, Opera, Safari - Wenn auf der Registerkarte "Elemente" derzeit ein Element ausgewählt ist, können Sie es mit der Referenz $ 0 in Ihrem Code aufrufen. Um beispielsweise den Inhalt der Elemente anzuzeigen, geben Sie $ 0.innerHTML ein. In Chrome und Safari können Sie die Konsole von einer der anderen Registerkarten aus aufrufen, indem Sie auf "Escape" klicken, damit Sie nicht ständig wechseln müssen.

Quelle: http://www.andismith.com/blog/2011/11/25-dev-tool-secrets/

— Walt Stoneburner
quelle

1

$ 0 - $ 4 Die Befehle $ 0, $ 1, $ 2, $ 3 und $ 4 dienen als historischer Verweis auf die letzten fünf im Bedienfeld Elemente überprüften DOM-Elemente oder die letzten fünf im Bedienfeld Profile ausgewählten JavaScript-Heap-Objekte. $ 0 gibt das zuletzt ausgewählte Element oder JavaScript-Objekt zurück, $ 1 gibt das zuletzt ausgewählte Element zurück und so weiter.

— user183207
quelle