chrome调试鼠标悬浮事件(不是CSS:hover)

文章参考

1. chrome浏览器如何审查鼠标移入事件？
2. Chrome调试鼠标悬停后出现的元素
3. chrome模拟鼠标悬停调试:hover CSS

问题描述

想查看鼠标悬浮事件出来的元素的样式，但是每次鼠标移开，元素消失；导致无法快速定位

解决办法

鼠标右键弹出菜单

参考 chrome浏览器如何审查鼠标移入事件？

1. F12,鼠标悬浮到目标元素
2. 点击鼠标右键，界面出现菜单，这个时候不要用鼠标点击右键
3. 将鼠标移动到开发者控制台，找到目标元素

ctrl+shift+c

参考 Chrome调试鼠标悬停后出现的元素

1. F12,鼠标悬浮到目标元素
2. 键盘输入“ctrl+shift+c”