V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
PageSpeed 相关文档
为 NGINX 编译 PageSpeed 支持
ngx_pagespeed
Configuring mod_pagespeed Filters
加载性能测试工具
WebPagetest
Gomez
ladyv2
V2EX  ›  前端优化

一个弱智问题,对于网上上鼠标移动过去才弹出的图层,怎么样才能快速用 firebug 找到这个图层在哪?

  •  
  •   ladyv2 · 2017-01-30 08:47:42 +08:00 · 3856 次点击
    这是一个创建于 2615 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,普通的图层用元素选择器点一下就出来了 这种弹出的图层鼠标移走就没了,就没法用元素选择器选择。。。

    13 条回复    2017-01-30 22:47:06 +08:00
    bojackhorseman
        1
    bojackhorseman  
       2017-01-30 08:53:53 +08:00 via Android
    鼠标移入显示图层时右键,然后把鼠标移到调试区,点击那个定位元素的按钮。
    CYKun
        2
    CYKun  
       2017-01-30 09:07:09 +08:00 via Android
    firebug 左上角有一个选择元素的按钮,形状差不多是一个小长方形,这个按钮(应该)是有快捷键的。

    先打开 firebug ,然后鼠标移入弹出图层,按快捷键,这时候图层就不会消失了,点击选择即可。

    说了这么多,其实都是我脑补的,我根本没用过 firebug
    hansnow
        3
    hansnow  
       2017-01-30 09:26:46 +08:00
    @CYKun 你脑补的挺对的,我也没用过 firebug ,不过 chrome dev tool 的快捷键我知道,是 Ctrl/Cmd + Shift + C
    abcdGJJ
        4
    abcdGJJ  
       2017-01-30 10:40:36 +08:00 via Android
    应该可以加 hover 属性,然后图层弹出,至少谷歌浏览器可以
    ladyv2
        5
    ladyv2  
    OP
       2017-01-30 10:45:20 +08:00
    @bojackhorseman 实测 firebug 不行、
    chiledley
        6
    chiledley  
       2017-01-30 12:35:21 +08:00
    @abcdGJJ bingo
    laoyuan
        7
    laoyuan  
       2017-01-30 12:38:26 +08:00
    实测 Safari 不用点开开发者工具就可以用那个快捷键
    laoyuan
        8
    laoyuan  
       2017-01-30 12:39:36 +08:00
    @abcdGJJ @chiledley 有时候都不知道是哪个 node ,给谁加呢?
    maplerecall
        9
    maplerecall  
       2017-01-30 12:48:03 +08:00 via Android
    一些浏览器可以通过右键菜单的方法做到保留正确的 hover 状态从而选择元素,但最根本的解决方法是学一些前端知识,基本这种东西看 dom 结构可以很快找出来,否则就算用调试工具的强制 hover 状态也不一定找不出来,因为一般来说直接选择或审查元素的层级会比 hover 元素的层级更深,而调试工具的这个 hover 是不会冒泡的……当然你也可以一层一层的往上每个都加上直到找到正确的 hover 层………

    然而上树方法只适用于 css 控制的 hover ,对于 js 控制的可以在调试界面鼠标移上去后用快捷键强制断点,然后在调试模式下审查元素…
    zbinlin
        10
    zbinlin  
       2017-01-30 17:24:18 +08:00   ❤️ 1
    @ladyv2 不知道你的 FireBug 的版本号是什么,如果是小于 3 的,可以试下安装我写过的一个扩展: https://addons.mozilla.org/en-US/firefox/addon/element-inspector/

    在弹出图层上按“ Shift + 右键”试试看能不能定位弹出图层上。
    hst001
        11
    hst001  
       2017-01-30 17:49:26 +08:00 via Android
    chrome 下可以选中那个触发的元素先,然后 devtools 右边的 css 框框里面有个可以勾上模拟鼠标 hover focus 等事件的
    magiclu
        12
    magiclu  
       2017-01-30 20:27:56 +08:00
    屏蔽广告的话,可以用 ublock origin ,有这种功能,右键, block element
    Mavious
        13
    Mavious  
       2017-01-30 22:47:06 +08:00 via iPhone
    @zbinlin
    哇,遇到作者了! 2012 年我用你的工具找元素,改火狐界面,修得面目全非。。好用,神器! dom 没有定位功能,我等对前端代码一窍不通的,就靠跳转找元素了!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5389 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 07:49 · PVG 15:49 · LAX 00:49 · JFK 03:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.