注意：我已经阅读了类似的主题，但都不是我的问题-我可以右键单击它，然后它就消失了。
我发现“检查元素”是 Chrome 中的一个非常宝贵的工具，但是当我学习到你们中许多人已经拥有的神奇方式时，我最近一次尝试看到我在我的导航栏上为一个元素创建了一个子菜单，它在悬停时弹出下面父项。
弹出窗口（或向下）的样式不太符合我的要求，因此我右键单击 > 检查元素以查看究竟来自何处，并更好地了解如何实现我想要的效果。
但是，一旦我将鼠标从菜单上移开，它就消失了。
所以我无法在检查窗格中选择不同的元素，同时查看哪个区域突出显示。
有没有办法解决这个问题，而无需更改菜单，使其在激活后保持“弹出”状态？
如果悬停是由 JS 触发的，只需通过键盘暂停脚本执行即可。这是一种比其他答案建议的更简单的冻结 DOM 的方法。
这是您在 Chrome 中的操作方法。我确信 Firefox 有一个等效的程序：
请注意暂停脚本执行的快捷方式 - <kbd>F8。
与 UI 交互以使元素出现。
如果hover使用 then yes 给出效果CSS，我通常使用两个选项来获得这个：
一，see当hover effect鼠标离开时hover area：
在停靠窗口中打开检查器并增加宽度直到到达您的HTML element，然后右键单击并且弹出菜单必须在检查器区域上方......然后当您将鼠标移动到检查器视图上，hover effect在文档中保持激活。
二，keep即使hover effect鼠标不在HTML element，打开检查器，转到Styles TAB并单击右上角的图标Toggle Element State...（带箭头的虚线矩形）在那里您可以手动激活Hover Event（以及其他）提供的复选框。
如果不清楚，请告诉我，我可以添加一些屏幕截图。
已编辑：添加了屏幕截图。
最后，正如我在开始时所说的那样，我只能在hover设置为... 时执行此操作，例如，CSS:HOVER当您控制hover statewith时，只能（有时）使用方法 One。jQuery.onMouseOver
希望能帮助到你。
对我有用的是选择我想要检查的特定标签并执行此操作：
完成上述操作后，我通常会再次选择一个标签，然后即使我将鼠标悬停到其他地方，如 Inspect Element 等，下拉菜单也会自动保持原样。
您可以在检查菜单下拉元素时刷新浏览器以恢复正常状态。
希望这可以帮助。:)
您也可以在 javascript 控制台中执行此操作：
$('#foo').trigger('mouseover');
一个将“冻结”元素处于“悬停”状态的元素。
这是我在 Chrome 中没有 CSS 更改或 JS 暂停的情况下执行此操作的方法（我在 Mac 上，如果您在 Win 上运行，我面前没有 PC）：
现在悬停检查工具将应用于您在子导航中打开的元素。
不确定它是否存在于以前的浏览器修订版中，但我刚刚发现了这个非常简单的方法。
在 chrome 或 Firefox 中打开检查器，右键单击您感兴趣的元素，然后选择适当的选项（在本例中：悬停）。这将触发关联的 CSS。
来自 Firefox 55 和 chromium 61 的屏幕截图。
我需要这样做，但我试图检查的元素是根据另一个元素的悬停状态动态添加和删除的。我的解决方案与此类似，但这对我来说不太适用。
所以这就是我所做的：
mouseover在触发您关注的悬停事件的元素上添加简单的脚本以进入调试器模式。$(document).on('mouseover', '[your-hover-element-selector]', function(e) {
debugger;
});
一旦你这样做了，你的 DOM 将暂停在悬停状态，你可以使用元素检查器检查所有元素，因为它们存在于该状态。
如果由于某种原因您遇到脚本暂停问题，我找到了一种非常简单的方法：
优秀的东西！
感谢 gmo 的建议。我不知道那些属性设置非常有用。
作为对措辞的一个小修改，我将解释该过程如下：
右键单击要设置样式的元素
打开“检查”工具
在右侧，导航到小样式选项卡
在 CSS 样式表内容上方找到
选择 .hov 选项 - 这将为您提供可用于所选 HTML 元素的所有设置
单击并将所有选项更改为非活动状态
现在选择您想要调整的状态 - 激活其中任何一个后，您的样式表将直接跳转到这些设置：
这些信息对我来说是救命稻草，不敢相信我刚刚听说过！
它将显示所有悬停效果
更改 CSS，以便在您处理它时不应用隐藏菜单的属性，这就是我所做的。
