См .: состояние наведения в Chrome Developer Tools

Question

Я хочу увидеть стиль :hover для якоря, над которым я зависаю в Chrome.В Firebug есть выпадающий список стилей, который позволяет мне выбирать различные состояния для элемента.Я не могу найти ничего похожего в Chrome.Я что-то упустил?

Answer 1

Стиль можно увидеть, выполнив следующие шаги, предложенные Бабикером - «Щелкните правой кнопкой мыши по элементу, но НЕ перемещайте указатель мыши от элемента, держите его в состоянии наведения. Выберите осмотр элемента с помощью клавиатуры, как в стрелке нажатия вверх, а затем нажмите клавишу ввода.»

Для изменения стиля следуйте инструкциям выше, а затем - Измените вкладку браузера, нажав Ctrl + TAB на клавиатуре. Затем нажмите на вкладку, которую вы хотите отладить. Ваш экран при наведении все еще будет там. Теперь осторожно наведите курсор мыши на область инструментов разработчика.

Answer 2

Я думаю, что это больше не проблема в Chrome, а на всякий случай. Я написал этот скрипт jQuery для проверки DOM, когда я перемещаюсь с помощью клавиши TAB.

Если изменить на использование 'mouseover', это будет выглядеть так:

$("body *").on('mouseover', function(event) {       
    console.log(event.target);      
    inspect(event.target);
    event.stopPropagation();
});

Вы можете легко изменить его, чтобы удалить обработчик событий, когда вы щелкаете или делаете что-то с элементом, на котором хотите остановиться.