PageSpeed 相关文档
› 为 NGINX 编译 PageSpeed 支持
› ngx_pagespeed
› Configuring mod_pagespeed Filters
加载性能测试工具
› WebPagetest
› Gomez
一个弱智问题，对于网上上鼠标移动过去才弹出的图层，怎么样才能快速用 firebug 找到这个图层在哪？
ladyv2 · 2017-01-30 08:47:42 +08:00 · 4098 次点击这是一个创建于 2883 天前的主题，其中的信息可能已经有所发展或是发生改变。
如题，普通的图层用元素选择器点一下就出来了 这种弹出的图层鼠标移走就没了，就没法用元素选择器选择。。。
 |
1
bojackhorseman 2017-01-30 08:53:53 +08:00 via Android
鼠标移入显示图层时右键，然后把鼠标移到调试区，点击那个定位元素的按钮。
|
 |
2
CYKun 2017-01-30 09:07:09 +08:00 via Android
firebug 左上角有一个选择元素的按钮，形状差不多是一个小长方形，这个按钮（应该）是有快捷键的。
先打开 firebug ，然后鼠标移入弹出图层，按快捷键，这时候图层就不会消失了，点击选择即可。 说了这么多，其实都是我脑补的，我根本没用过 firebug |
 |
3
hansnow 2017-01-30 09:26:46 +08:00
@CYKun 你脑补的挺对的，我也没用过 firebug ，不过 chrome dev tool 的快捷键我知道，是 Ctrl/Cmd + Shift + C
|
 |
4
abcdGJJ 2017-01-30 10:40:36 +08:00 via Android
应该可以加 hover 属性，然后图层弹出，至少谷歌浏览器可以
|
 |
5
ladyv2 OP @bojackhorseman 实测 firebug 不行、
|
 |
7
laoyuan 2017-01-30 12:38:26 +08:00
实测 Safari 不用点开开发者工具就可以用那个快捷键
|
 |
9
maplerecall 2017-01-30 12:48:03 +08:00 via Android
一些浏览器可以通过右键菜单的方法做到保留正确的 hover 状态从而选择元素，但最根本的解决方法是学一些前端知识，基本这种东西看 dom 结构可以很快找出来，否则就算用调试工具的强制 hover 状态也不一定找不出来，因为一般来说直接选择或审查元素的层级会比 hover 元素的层级更深，而调试工具的这个 hover 是不会冒泡的……当然你也可以一层一层的往上每个都加上直到找到正确的 hover 层………
然而上树方法只适用于 css 控制的 hover ，对于 js 控制的可以在调试界面鼠标移上去后用快捷键强制断点，然后在调试模式下审查元素… |
 |
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 + 右键”试试看能不能定位弹出图层上。 |
 |
11
hst001 2017-01-30 17:49:26 +08:00 via Android
chrome 下可以选中那个触发的元素先，然后 devtools 右边的 css 框框里面有个可以勾上模拟鼠标 hover focus 等事件的
|
 |
12
magiclu 2017-01-30 20:27:56 +08:00
屏蔽广告的话，可以用 ublock origin ，有这种功能，右键， block element
|
Select Language