Chrome Dev Tool отслеживает изменения DOM при взаимодействии ⇐ CSS

[Anonymous]

На вкладке «Элементы инструментов разработчика Chrome», если при нажатии кнопки изменяется атрибут (

Код: Выделить всё

class="menu-item"

-> class="menu-item active"), вы увидите фиолетовую вспышку на элементе, указывающую на изменение. Это очень полезно, но в большом документе вам придется развернуть все элементы поглубже, чтобы увидеть, что происходит.

Есть ли способ записать/перечислить все DOM? меняется при взаимодействии? Не конкретно в Chrome, а в любом другом инструменте было бы здорово. Думайте об этом как о разнице между взаимодействием до и после, но специфичной для CSS.

Подробнее здесь: https://stackoverflow.com/questions/302 ... nteraction