Chrome开发者工具，如何能让鼠标悬停获取二级菜单的样式

小马 · 发表于 2022-2-23 16:24:06

本帖最后由小马于 2022-2-23 16:34 编辑

在开发者工具下，如何能让鼠标悬停获取二级菜单的样式，即使鼠标移开，样式仍然能够被选择拷贝

举个例子：http://qcloud.com顶部的菜单中的广告：

G.K.D · 发表于 2022-2-23 17:45:22

首先打开开发者工具（F12），然后切换到 Sources 选项卡，然后鼠标指向悬浮菜单元素，按下 F8，此时进入调试模式，网页所有动作都被冻结，此时可以查看你说的悬浮元素了（不会消失）。

G.K.D · 发表于 2022-2-23 18:13:43

小马发表于 2022-2-23 17:46
学习到了这个方法真不错谢谢！

我也是日常使用中突然发现还能这样做的。。。

我是坏虫 · 发表于 2022-2-23 16:26:32

提示: 作者被禁止或删除内容自动屏蔽

小马 · 发表于 2022-2-23 16:35:00

有木有大佬帮忙的

电脑 · 发表于 2022-2-23 16:42:48

如果是css，选中元素以后，点右面菜单的:hov，把hover状态打开，如果还不显示就尝试把父元素的hover也打开

如果是js，就在source里捕捉事件，把mouse事件的over enter都勾上，看看事件源是哪个元素，给他加上对应的样式

小马 · 发表于 2022-2-23 17:44:59

电脑发表于 2022-2-23 16:42
如果是css，选中元素以后，点右面菜单的:hov，把hover状态打开，如果还不显示就尝试把父元素的hover也打开
...

但这个好像不是那么简单的
好像有自动销毁动态加载的

小马 · 发表于 2022-2-23 17:46:28

G.K.D 发表于 2022-2-23 17:45
首先打开开发者工具（F12），然后切换到 Sources 选项卡，然后鼠标指向悬浮菜单元素，按下 F8，此时进入调 ...

学习到了这个方法真不错谢谢！

82665283 · 发表于 2022-2-23 20:55:07

这个方法也是第一次见到，学会了

我真是小号 · 发表于 2022-2-23 21:05:54

MJJ都是人才呀

		自动登录	找回密码
密码			注册

我是坏虫我是坏虫当前离线积分 22374	发表于 2022-2-23 16:26:32 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
我是坏虫我是坏虫当前离线积分 22374
	回复支持反对举报

[疑问] Chrome开发者工具，如何能让鼠标悬停获取二级菜单的样式