【问题标题】:How can I inspect a rollover status? [duplicate]如何检查翻转状态? [复制]
【发布时间】:2015-05-18 14:16:52
【问题描述】:

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

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

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

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

我该怎么做?

【问题讨论】:

    标签: firebug google-chrome-devtools web-inspector


    【解决方案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 &gt; Event Listener Breakpoints &gt; Mouse &gt; mouseout 它本质上将冻结mouseout 事件上的页面,也就是当您尝试从导航项中移除鼠标时。然后你可以随意浏览元素样式。
    猜你喜欢
    • 2017-09-09
    • 2014-09-21
    • 2015-10-10
    • 1970-01-01
    • 2010-09-18
    • 2020-06-30
    • 1970-01-01
    • 2014-06-27
    • 1970-01-01
    相关资源
    最近更新 更多