Por que = $ 0 aparece no inspetor da web do Safari?

10

Eu estive pensando sobre isso por um tempo. Por que =$0aparece ao lado de elementos no inspetor da web no Safari? Estou usando o Safari 9.0.1

Aqui está uma foto do que estou falando

(maior):

Ou se você preferir a versão para ler:

<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
fonte

É uma variável que você pode usar no console.

— precisa

@JohnKeates Interesting. Obrigado por compartilhar :) Nenhum dos outros navegadores possui e eu o vi e me perguntei por que estava lá.

— www139

7

Muito provavelmente, você usou a Ferramenta de inspeção e tem um elemento destacado.

As variáveis $ 0– $ 4 contêm os nós selecionados atuais e anteriores da Hierarquia da Árvore de Elementos.

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

Chrome, Firefox, Opera, Safari - Se você tiver um elemento atualmente selecionado na guia "Elementos", poderá usar a referência $ 0 para chamá-lo em seu código. Por exemplo, para ver o conteúdo dos elementos, digite $ 0.innerHTML. No Chrome e Safari, você pode ligar para o console de qualquer uma das outras guias pressionando "Escape" para não precisar continuar alternando.

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

— Walt Stoneburner
fonte

1

$ 0 - $ 4 Os comandos $ 0, $ 1, $ 2, $ 3 e $ 4 funcionam como uma referência histórica para os últimos cinco elementos DOM inspecionados no painel Elementos ou os últimos cinco objetos de heap JavaScript selecionados no painel Perfis. $ 0 retorna o elemento ou objeto JavaScript selecionado mais recentemente, $ 1 retorna o segundo item selecionado mais recentemente e assim por diante.

— user183207
fonte