V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
PageSpeed 相关文档
› 为 NGINX 编译 PageSpeed 支持
› ngx_pagespeed
› Configuring mod_pagespeed Filters
加载性能测试工具
› WebPagetest
› Gomez
This topic created in 3374 days ago, the information mentioned may be changed or developed.
如题，普通的图层用元素选择器点一下就出来了 这种弹出的图层鼠标移走就没了，就没法用元素选择器选择。。。
 |
1
dumbass Jan 30, 2017 via Android
鼠标移入显示图层时右键，然后把鼠标移到调试区，点击那个定位元素的按钮。
|
 |
2
CYKun Jan 30, 2017 via Android
firebug 左上角有一个选择元素的按钮，形状差不多是一个小长方形，这个按钮（应该）是有快捷键的。
先打开 firebug ，然后鼠标移入弹出图层，按快捷键，这时候图层就不会消失了，点击选择即可。 说了这么多，其实都是我脑补的，我根本没用过 firebug |
 |
3
hansnow Jan 30, 2017
@CYKun 你脑补的挺对的，我也没用过 firebug ，不过 chrome dev tool 的快捷键我知道，是 Ctrl/Cmd + Shift + C
|
 |
4
abcdGJJ Jan 30, 2017 via Android
应该可以加 hover 属性，然后图层弹出，至少谷歌浏览器可以
|
 |
5
ladyv2 OP @bojackhorseman 实测 firebug 不行、
|
 |
7
laoyuan Jan 30, 2017
实测 Safari 不用点开开发者工具就可以用那个快捷键
|
 |
9
maplerecall Jan 30, 2017 via Android
一些浏览器可以通过右键菜单的方法做到保留正确的 hover 状态从而选择元素，但最根本的解决方法是学一些前端知识，基本这种东西看 dom 结构可以很快找出来，否则就算用调试工具的强制 hover 状态也不一定找不出来，因为一般来说直接选择或审查元素的层级会比 hover 元素的层级更深，而调试工具的这个 hover 是不会冒泡的……当然你也可以一层一层的往上每个都加上直到找到正确的 hover 层………
然而上树方法只适用于 css 控制的 hover ，对于 js 控制的可以在调试界面鼠标移上去后用快捷键强制断点，然后在调试模式下审查元素… |
 |
10
zbinlin Jan 30, 2017  1
@ladyv2 不知道你的 FireBug 的版本号是什么，如果是小于 3 的，可以试下安装我写过的一个扩展： https://addons.mozilla.org/en-US/firefox/addon/element-inspector/
在弹出图层上按“ Shift + 右键”试试看能不能定位弹出图层上。 |
 |
11
hst001 Jan 30, 2017 via Android
chrome 下可以选中那个触发的元素先，然后 devtools 右边的 css 框框里面有个可以勾上模拟鼠标 hover focus 等事件的
|
 |
12
magiclu Jan 30, 2017
屏蔽广告的话，可以用 ublock origin ，有这种功能，右键， block element
|
Select Language