如何检查翻转状态？ [复制]

Posted 2023-05-08

【中文标题】如何检查翻转状态？ [复制]

【英文标题】：How can I inspect a rollover status? [duplicate]

【发布时间】：2015-05-18 14:16:52

【问题描述】：

我想检查下拉菜单的翻转状态。 我尝试使用 Chrome 检查器及其 Toggle Element State 功能来做到这一点，您可以在此处看到：

虽然这种方式对我不起作用。

我想查看本站子菜单：http://demo.qodeinteractive.com/strata/

所以我可以在菜单仍然打开时添加一些额外的 CSS 规则。

我该怎么做？

【参考方案1】：

快速浏览后，您可以将class = "drop_down_start" 添加到嵌套的div 以获取要调查的特定菜单标题。只要该类存在，子菜单就会可见/显示。

只需右键单击检查器中的元素 -> 编辑为 html -> 添加类 drop_down_start

之前：

<div class="second bellow_header" style="height: 0px; top: 85px;"><div class="inner"><ul>

之后：

<div class="second bellow_header drop_down_start" style="height: 0px; top: 85px;"><div class="inner"><ul>

注意：

菜单会一直尝试关闭。所以，如果需要，disable javascript。

【讨论】：

感谢@travis，效果很好。我在想，这是唯一的方法吗？

@mattia 实际上有。看看这个帖子here。这允许您在 Chrome Web Developer 中查看在元素上触发的事件？在这种情况下要捕获的这个事件将是mouseout....so Sources > Event Listener Breakpoints > Mouse > mouseout 它本质上将冻结mouseout 事件上的页面，也就是当您尝试从导航项中移除鼠标时。然后你可以随意浏览元素样式。