Как использовать веб-инспектор chrome для просмотра кода наведения
использование chromes web inspector для просмотра кода очень полезно. Но как вы просматриваете, например, код наведения для кнопки? Вам нужно будет навести курсор мыши на кнопку и, таким образом, не может использовать его (мышь) в инспекторе. Есть ли какие-либо ярлыки или другие способы сделать это в инспекторе?
6 ответов:
теперь вы можете видеть как правила стиля псевдокласса, так и заставить их на элементах.
посмотреть правила
:hoverна панели стили нажмите маленькую пунктирную кнопку в правом верхнем углу.
чтобы заставить элемент в
:hoverгосударство, щелкните его правой кнопкой мыши.
кроме того, вы можете использовать боковую панель "точки останова прослушивателя событий" на панели "сценарии" и выбрать паузу в обработчиках наведения курсора мыши.
кроме того, вы можете использовать боковую панель "точки останова прослушивателя событий" на панели "сценарии" и выбрать паузу в обработчиках наведения курсора мыши.
Это немного раздражает, но вам нужно щелкнуть правой кнопкой мыши на элементе, а затем, удерживая мышь над ссылкой, с помощью клавиатуры выберите ссылку "проверить элемент" и нажмите enter. Это должно показать вам css для наведения псевдо-класса для выбранного элемента.
вот надеюсь, что они делают это немного проще в будущих сборках.
Я не уверен, что правильно понимаю ваш вопрос, но если вы хотите увидеть код обработчика событий, вы можете просто проверить элемент и посмотреть на боковую панель прослушивателей событий панели элементов. Другой способ - просто нажать кнопку паузы в панели скриптов и просто навести элемент. Отладчик остановится на первой инструкции первого обработчика событий.
Comments