Как на MacOS (браузер Chrome) проинспектировать поповер, который исчезает если убрать мышку?

Question

[Return Me Void]

Нужно посмотреть структуру DOM дерева, но поповер пропадает (в том числе демонтируется из DOM) при убирании мышки с него.

Есть у кого рабочие способы это провернуть?

Answer 1

[Виктор Кожухарь]

Находите элемент, на котором срабатывает :hover, и потом просто устанавливаете ему насильно псевдокласс :hover.
Таким образом он и без мышки будет находиться в этом состоянии.
Соответственно, при этом появится и сам попап, и вы сможете спокойно его проинспектировать.

Comments

[Return Me Void]

реализация через js происходит, поэтому отметил что компонент демонтируется. Короче говоря, через этот способ не работает

[Виктор Кожухарь]

Return Me Void, А точно ли вы выставили :hover именно тому элементу, на который завязан скрипт? Попробуйте установить hover у разных элементов в том дереве, где по вашему мнению срабатывает скрипт.

Answer 2

[VoidVolker]

Клавиатура же есть. F12 -> Cmd/Ctrl + Shift + C -> Клик по цели -> Стрелки

Comments

[Return Me Void]

всё равно же мышку надо увести с цели, чтобы стили пролистать, зайти куда надо

[VoidVolker]

Return Me Void, ну сделайте хоткей для отключения JS на странице или откройте настройки инструментов разработчика и клавиатурой выключите и далее спокойно мышкой пользуйтесь.

[Return Me Void]

VoidVolker, в дев-тулзах можно назначить хоткеи? не нашел что-то

[VoidVolker]

В хроме есть: настройки -> хоткеи. По умолчанию F8 и Ctrl + \. Кроме того, кликните на любой узел правой кнопкой и присмотритесь к подменю "Приостанавливаться на...". В фаерфоксе вроде как нет, а в гугле в последнее время вообще ничего невозможно найти - постоянно выдаёт какой-то бред, понапихали псевдонейросеток :(