CSS的hover伪类的元素如何在浏览器开发者工具中被审查!

方案一:

1.开启调试模式

①. 使用 F12。
②. 使用 鼠标右击 选择 检查。

2.鼠标移入到元素上 hover 元素显示后,

①. 使用 ctrl+shift+c 快捷键 可以看到 hover 样式,但是鼠标移出 tooltip/hover 样式会消失。

方案二:

①. 打开后的开发者工具中有 Sources tab栏，里面有一个暂停功能，打开开发者工具切入 Sources tab栏，先把hover 框展示出来。
②. 点击键盘 F8 开启暂停模式，hover 框就会一直存在。

方案三

①. 鼠标移入hover时才出现的元素上，然后点击右键,不要选中任何选项。
②. 将鼠标移动到开发者工具的调试面板中, 按下键盘N键，此时悬浮的元素不会消失。
如下图:

方案四

①. 控制台调试的方式，固定hover元素 如下图。