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

[ladyv2]

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

[bojackhorseman]

鼠标移入显示图层时右键，然后把鼠标移到调试区，点击那个定位元素的按钮。

[CYKun]

firebug 左上角有一个选择元素的按钮，形状差不多是一个小长方形，这个按钮（应该）是有快捷键的。

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

说了这么多，其实都是我脑补的，我根本没用过 firebug

[hansnow]

@CYKun 你脑补的挺对的，我也没用过 firebug ，不过 chrome dev tool 的快捷键我知道，是 Ctrl/Cmd + Shift + C

[abcdGJJ]

应该可以加 hover 属性，然后图层弹出，至少谷歌浏览器可以

[ladyv2]

@bojackhorseman 实测 firebug 不行、

[chiledley]

@abcdGJJ bingo

[laoyuan]

实测 Safari 不用点开开发者工具就可以用那个快捷键

[laoyuan]

@abcdGJJ @chiledley 有时候都不知道是哪个 node ，给谁加呢？

[maplerecall]

一些浏览器可以通过右键菜单的方法做到保留正确的 hover 状态从而选择元素，但最根本的解决方法是学一些前端知识，基本这种东西看 dom 结构可以很快找出来，否则就算用调试工具的强制 hover 状态也不一定找不出来，因为一般来说直接选择或审查元素的层级会比 hover 元素的层级更深，而调试工具的这个 hover 是不会冒泡的……当然你也可以一层一层的往上每个都加上直到找到正确的 hover 层………

然而上树方法只适用于 css 控制的 hover ，对于 js 控制的可以在调试界面鼠标移上去后用快捷键强制断点，然后在调试模式下审查元素…

[zbinlin]

@ladyv2 不知道你的 FireBug 的版本号是什么，如果是小于 3 的，可以试下安装我写过的一个扩展： https://addons.mozilla.org/en-US/firefox/addon/element-inspector/

在弹出图层上按“ Shift + 右键”试试看能不能定位弹出图层上。

[hst001]

chrome 下可以选中那个触发的元素先，然后 devtools 右边的 css 框框里面有个可以勾上模拟鼠标 hover focus 等事件的

[magiclu]

屏蔽广告的话，可以用 ublock origin ，有这种功能，右键， block element

[Mavious]

@zbinlin
哇，遇到作者了！ 2012 年我用你的工具找元素，改火狐界面，修得面目全非。。好用，神器！ dom 没有定位功能，我等对前端代码一窍不通的，就靠跳转找元素了！