Chrome DevTools: abordar elementos DOM

Ya sea Chrome, Firefox, Opera, Safari o incluso Internet Explorer: si bien las herramientas de desarrollo bien diseñadas fueron un punto de venta único de Firefox y el popular complemento de Firebug hasta hace unos años, las potentes herramientas de desarrollo ahora forman parte del alcance estándar de todos los navegadores, en los que hay mucho por descubrir. da.


Me encontré con un truco para abordar los objetos actualmente seleccionados en el árbol del documento sin desvíos en JavaScript.

La referencia algo discreta es:

$0

Por tanto, es posible cualquier manipulación, por ejemplo habilitada

$0.innerHTML

salida del contenido directamente a la consola.

Espalda