Devtools - Ver em tempo real as alterações nas propriedades JS/DOM

Esses dias precisei conferir se o scrollTop de um elemento estava mudando enquanto eu fazia scroll. Pra isso, precisava fazer um document.querySelector no elemento e fazer log do scrollTop dele toda hora. É meio chato, pensei que tivesse um jeito mais ágil de fazer e realmente há.

Se ainda não entenderam a situação, pense que pra conferir o scroll deste elemento eu teria que ficar re-clicando neste elemento a cada scroll que eu fizesse (você pode testar este exemplo por este link).

Pra tornar esse processo mais fácil e automático, precisamos utilizar uma live expression. Basicamente, é só clicar no ícone de olho do console e adicionar algum comando lá.

Pro tip: Usando "$0" você consegue acessar pelo querySelector o último elemento inspecionado.