¿Qué significa = = $0 (doble es igual a dólar cero) en las Herramientas para desarrolladores de Chrome?


En las herramientas para desarrolladores de Google Chrome, cuando selecciono un elemento, veo ==$0 junto al elemento seleccionado. ¿Qué significa eso?

Pantallazo

Author: Peter Mortensen, 2016-05-03

4 answers

Es el último índice de nodo DOM seleccionado. Chrome asigna un índice a cada nodo DOM que seleccione. Así que $0 siempre apuntará al último nodo que seleccionó, mientras que $1 apuntará al nodo que seleccionó antes de eso. Piense en ello como una pila de nodos seleccionados más recientemente.

Como ejemplo, considere lo siguiente

<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>

Ahora abrió la consola devtools y seleccionó #sunday, #monday y #tuesday en el orden mencionado, obtendrá ids como:

$0 -> <div id="tuesday"></div> 
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>

Nota: Puede ser útil saber que el nodo es seleccionable en sus scripts (o consola), por ejemplo, un uso popular para esto es angular element selector, por lo que simplemente puede elegir su nodo y ejecutar esto:

angular.element($0).scope()

Listo tienes acceso al ámbito del nodo a través de la consola.

 246
Author: deadlock,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-08-17 15:08:02

Returns 0 devuelve el elemento u objeto JavaScript seleccionado más recientemente, $1 devuelve el segundo seleccionado más recientemente, y así sucesivamente.

Refer: Referencia de API de línea de comandos

 52
Author: Ani Menon,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-05-03 09:01:36

Las otras respuestas aquí explicaron claramente lo que significa.Me gusta explicar su uso.

Puede seleccionar un elemento en la pestaña elements y cambiar a la pestaña console en chrome. Simplemente escriba $0 or $1 o cualquier número y presione enter y el elemento se mostrará en la consola para su uso.

captura de pantalla de chrome dev tools

 19
Author: Siva Prakash,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-01-10 10:51:38

Voy a decir Que ' s solo sintaxis abreviada para obtener referencia del elemento html durante el tiempo de depuración , normalmente este tipo de tarea se llevará a cabo por estos métodos

document.getElementById , document.getElementsByClassName , document.querySelector

Así que hacer clic en un elemento html y obtener una variable de referencia ($0) en la consola es un gran ahorro de tiempo durante el día

 0
Author: malbarmawi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-07-21 17:05:22