1. Variables: Cuando abres consola, los elementos seleccionados están accesibles en variables como: $0, $1, $2 etc hasta 4. Es muy util para ver que es lo que tiene el elemento.

2. Escriba en consola de explorador: setTimeout(‘debugger’, 5000); Sirve para debuggear elemento modal o popup o algo que es difícil de seleccionar (eventos hover, focus etc).

3. Después de selection elemento, en consola: $0.addEventListene = () => {debugger;} Sirve para encontrar quien esta cambiando algún elemento de la pagina.

Como usar debugger Chrome Video

Leave a Reply

Your email address will not be published.