“Inspect”一个悬停元素?

188
注意:我已经阅读了类似的主题,但没有完全解决我的问题——可以正常右键单击,但在此之后它就消失了。
我发现“检查元素”是Chrome中一种非常有用的工具,但我在使用它查看导航栏上一个元素的子菜单时遇到了问题,该子菜单会在其父项目上悬停时弹出。
弹出式窗口(或下拉菜单)的样式不太符合我的要求,因此我右键单击>检查元素以查看从哪里来的内容,并更好地了解如何实现我想要的效果。
然而,一旦我将鼠标移开菜单,它就消失了。因此,我无法在检查面板中选择不同的元素,并同时查看哪个区域被突出显示。
有没有一种方法可以解决这个问题,而不改变菜单,使其在激活后保持“弹出状态”?

3
在这种情况下,我通常使用控制台对页面进行临时修改,例如从父菜单中删除 mouseleave 事件。这样,即使您将鼠标移出父菜单,子菜单也应该保持打开状态。 - jbabey
1
Chrome 现在支持此功能。选择 UI 元素(例如标签)> 检查元素 > 样式选项卡,在筛选框旁边有一个“:hov”部分。单击它。现在,您可以选择悬停复选框并查看悬停时加载的样式。 - Dhanuka777
12个回答

0
我使用了一种方法,即选择检查元素,使用选择元素,在屏幕上选择所需的元素,悬停文本中的标题就是该元素的标题。希望这可以帮到你。

你的回答目前不够清晰。请[编辑]以添加更多细节,以帮助其他人理解如何解决所问问题。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community

-1

修改CSS,使隐藏菜单的属性在您处理它时不被应用是我要做的。


哦,拜托,伙计,我明确说过不要进行这样的修改。 - OJFord
你说过它不会“一旦激活就保持弹出状态”,我建议移除所有的激活触发器,这样它就可以始终可见。这是我处理所有弹出菜单的方式,否则会很麻烦。但你可以自由决定 :) - Woody

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接