一个弱智问题,对于网上上鼠标移动过去才弹出的图层,怎么样才能快速用 firebug 找到这个图层在哪? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ladyv2
V2EX    前端优化

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

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

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

    13 条回复    2017-01-30 22:47:06 +08:00
    dumbass
        1
    dumbass  
       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     Solana     2228 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 16:06 PVG 00:06 LAX 08:06 JFK 11:06
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86