“检查”hover元素？
注：我读过类似的线程，但没有任何相当我的问题 – 我可以右键点击它的罚款，然后就消失了。
我发现“检查元素”是Chrome中一个非常宝贵的工具，但是我最近的一次尝试，就是我学习了很多人已经拥有的巫术方式，看到我在导航栏上为元素创build了一个子菜单，popup下面的元素父项目。
popup窗口（或向下）不是我想要的样式，所以我右键单击>检查元素以查看来自哪里的确切内容，并更好地了解如何实现所需的效果。
但是，只要我将鼠标从菜单上移开，它就消失了。
所以我不能在检测窗格中select不同的元素，看看哪个区域被同时突出显示。
有没有办法解决这个问题，而不需要改变菜单，这样一旦激活就可以保持“popup”状态？
如果hover效果是用CSS给出的，那么是的，我通常使用两个选项来得到这个：
一，鼠标离开hover area时see hover effect ：
在停靠的窗口中打开检查器并增加宽度，直到到达HTML element ，然后右键单击并且popup式菜单必须位于检查器区域上…然后当您将鼠标移动到检查器视图上时， hover effect在文件。
二，为了keep hover effect即使鼠标不在HTML element ，打开检查器，转到Styles TAB ，然后单击右上angular的图标，说明Toggle Element State …（用箭头点缀的矩形）在那里你可以使用提供的checkbox手动激活Hover Event （除其他外）。
如果一点都不清楚的话，让我知道，我可以添加一些截图。 编辑 ：截图添加。
最后，正如我在开始时所说的，只有hover设置为CSS:HOVER才能做到这一点CSS:HOVER …当你用jQuery.onMouseOver控制hover state ，例如，只有（有时），方法一。
希望能帮助到你。
如果hover是由JS触发的，只需通过键盘暂停脚本执行。 这是一个冻结DOM比其他答案build议更简单的方法。
以下是您如何在Chrome中执行此操作 我确定Firefox有一个等效的过程：
- 打开开发工具并转到源文件。
-
请注意暂停脚本执行的快捷方式。 对我来说是
F8：
-
与UI进行交互，以显示元素。
- 打
F8。 - 如何移动鼠标，检查DOM，不pipe。 元素将留在那里。
对我而言，select我想要检查的特定标签是这样做的：
做完上述之后，我会再次通常select一个标签，然后下拉将自动保持原样，即使我把鼠标hover到其他地方，如检查元素等
在检查菜单下拉元素时，只需刷新浏览器即可恢复正常状态。
希望这可以帮助。 🙂
您也可以在JavaScript控制台中执行此操作：
$('#foo').trigger('mouseover');
一个将“冻结”在“hover”状态的元素。
下面是我如何做到这一点，没有CSS更改或JS在Chrome中暂停（我在Mac上，如果您在Win上运行，没有在我面前的PC）：
- 让您的开发者控制台打开。
- 不要启用hover检查工具，而是通过将鼠标移动到其上来打开所需的子菜单。
- 命中[Command] + [Shift] + [c]
现在hover检查工具将应用于您在子导航中打开的元素。
不知道它是否在以前的浏览器版本中，但我只是发现这个非常简单的方法。
在Chrome或Firefox中打开检查器，右键单击您感兴趣的元素，然后select适当的选项（在这种情况下：hover）。 这将触发关联的CSS。
截图从Firefox 55和铬61。
更改CSS，使隐藏菜单的属性不适用，而你的工作是我做的。
优秀的东西！
谢谢你的意见。 我不知道那些大量有用的属性设置。
作为对措辞的一个小修改，我将解释这个过程如下：
-
右键单击你想要的样式
-
打开“检查”工具
-
在右侧，导航到小样式选项卡
-
在CSS样式表内容上面find
-
select.hov选项 – 这将为您提供选定HTML元素的所有可用设置
-
单击并将所有选项更改为非活动状态
-
现在select你想调整的状态 – 激活其中任何一个，你的样式表将直接跳转到这些设置：
-
样式 – 调整filter – 交互式元素
这个信息对我来说是个救命恩人，不敢相信我刚刚听说过！
