En Google Chrome developer tools, al seleccionar un elemento, veo ==$0 junto al elemento seleccionado. ¿Qué significa eso?

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

  • Es el seleccionado DOM id de Nodo. intente seleccionar cualquier nodo y escribir $0 en la consola y ver qué sale 😉
  • Es muy confuso. Parece que alguien escribió algo de javascript que se olvidaron de poner en una etiqueta de secuencia de comandos. Me pasé una buena diez minutos tratando de averiguar dónde me había metido en mi código…
  • compruebe lo siguiente developer.chrome.com/devtools/docs/commandline-api#0-4
  • Creo que sólo el color de fondo diferente en la línea de hacer clic debería ser suficiente… no veo ninguna necesidad de agregar == $0 para el código fuente html… Mala idea. Chrome doind Cromo-ish cosas.
  • developers.google.com/web/tools/chrome-devtools/console/…

5 Comentarios

  1. 275

    Es el último seleccionado el nodo DOM índice. Chrome asigna un índice para cada nodo DOM usted seleccione. Así $0 será siempre el punto para el último nodo seleccionado, mientras que $1 se seleccione el nodo seleccionado antes de que. Piensa que es como una pila de más recientemente los nodos seleccionados.

    Como un ejemplo, considere el siguiente

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

    Ahora que se abrió el devtools de la consola y selecciona #sunday, #monday y #tuesday en la mencionada orden, usted recibirá 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 secuencias de comandos (o consola), por ejemplo, de un uso popular de esto es angular elemento selector, así que usted puede simplemente seleccionar el nodo, y ejecutar este:

    angular.element($0).scope()
    

    Voila, usted tiene acceso a nodo alcance a través de la consola.

    • ¿Cuál es el uso/beneficio de esto?
    • Creo que puede ser útil en la depuración. La posibilidad de acceder al inspeccionar elemento mediante un selector simple puede ayudar en muchas situaciones durante la depuración.
    • Así que lo bueno es siempre mostrando == $0 en la interfaz de usuario? Cualquiera que sepa $0 ya sabe qué elemento es, y no tiene sentido para alguien que no.
    • No es este nocivos cuando se utiliza en el ambiente de producción? Especialmente en Angular, se puede llegar a un elemento de alcance en cuestión de segundos..
    • Creo que el beneficio es ser capaz de acceder rápidamente a los elementos en la consola cuando retorcer las cosas. Aquí un vídeo que he puesto juntos demostrarlo! norton ghost.ser/AKLdx8z6aDk
    • FYI: $0 no funcionan en tiempo de ejecución: setTimeout(() => console.log($0), 0); // $0 is not defined Ejemplo: ![Chrome consola](i.stack.imgur.com/gOYfm.png)
    • Información útil gracias tengo una duda, ¿Cuál es el significado de » $ » ¿por qué usar el dólar en lugar de utilizar algún otro símbolo
    • Sí, es perjudicial en la producción y cada Angular desarrollador agrega esta línea: – $compileProvider.debugInfoEnabled(false); en su Aplicación de configuración, para un aumento de rendimiento. Sin embargo, usted puede ejecutar fácilmente angular.reloadWithDebugInfo(); en la Consola de depuración cuando sea necesario.

  2. 23

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

    Puede seleccionar un elemento en la elements ficha y cambiar a console pestaña en chrome. Justo el tipo de $0 or $1 o cualquiera que sea el número y presione la tecla enter y el elemento se mostrará en la consola para su uso.

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

  3. 8

    Este es el Cromo de la pista para decirle que si usted escriba $0 en la consola, será equivalente al elemento específico.

    Internamente, Chrome mantiene una pila, donde $0 es el elemento seleccionado, $1 es el elemento que se ha seleccionado, $2 sería el que estaba seleccionado antes de $1, y así sucesivamente.

    Aquí están algunas de sus aplicaciones:

    • Acceder a elementos del DOM de la consola: $0
    • Acceder a sus propiedades desde la consola: $0.parentElement
    • La actualización de sus propiedades desde la consola: $1.classList.agregar(…)
    • La actualización de CSS de los elementos de la consola: $0.los estilos.backgroundColor=»aqua»
    • Activación de CSS eventos de la consola: $0.haga clic en()
    • Y haciendo mucho más complejo de materias, como: $0.appendChild(document.createElement(«div»))

    Ver todo esto en acción:

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

    Copia de declaración:

    Sí, estoy de acuerdo de que hay mejores formas de realizar estas acciones, pero esta función puede resultar útil en ciertos intrincados escenarios, como cuando un elemento de DOM necesita ser hecho clic, pero no es posible hacerlo desde la interfaz de usuario porque es cubierto por otros elementos o, por alguna razón, no es visible en la interfaz de usuario en ese momento.

  4. 2

    Voy a decir Es ‘s sólo la sintaxis abreviada para obtener la referencia de un elemento html durante el tiempo de depuración , normalmente este tipo de tarea se realice por estos método

    document.getElementById , document.getElementsByClassName , document.querySelector
    

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

Dejar respuesta

Please enter your comment!
Please enter your name here