一些需要鼠标悬浮才能触发的元素，在调试的时候比较麻烦，可以尝试使用以下的方法进行解决
控制台元素强制状态
- 按F12，打开控制台，选择元素
- 使用选择器选择需要调试的元素
- 点击元素左侧的“...”，将该元素强制状态为:hover
- 然后进行调试即可
控制台元素强制样式
- 同强制状态的前两步
- 选中元素后，在元素界面的右侧，点击:hov，可以设置该元素的各种状态
附上补充
- 如果定位的当前元素，设置:hover后不生效，可能是定位元素不准确，可向内层或外层进行重新定位调试
- 上述两种方法不仅限于调试hover状态，也可应用于其它元素状态的调试，可以省去在代码中设置的步骤
鼠标右键强制保持hover状态
有一次使用组件库封装的组件进行修改时，对它的鼠标悬浮显示tooltip提示功能进行自定义的修改，想要查看tooltip的样式时，用前两种方法无效。对于这种与:hover状态无关的鼠标悬浮调试，可采用以下的方法
- 按F12打开控制台
- 鼠标悬浮于元素上，触发相应的事件后，点击右键
- 将鼠标移入F12内，点击左键，关闭右键显示的提示内容，此时的触发事件是依旧保留的，可以自行在元素中查看
