跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • Chrome开发者工具,如何能让鼠标悬停获取二级菜单的样式
未分類
23 2 月 2022

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

小马 大佬有话说 :

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

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

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

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

https://s4.ax1x.com/2022/02/23/bCEwUf.png

G.K.D 大佬有话说 :

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

我是坏虫 大佬有话说 :

布吉岛绑定https://cdn.jsdelivr.net/gh/master-of-forums/master-of-forums/public/images/patch.gif

小马 大佬有话说 :

有木有大佬帮忙的

电脑 大佬有话说 :

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

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

小马 大佬有话说 :

电脑 大佬有话说 : 2022-2-23 16:42
如果是css,选中元素以后,点右面菜单的:hov,把hover状态打开,如果还不显示就尝试把父元素的hover也打开
…

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

小马 大佬有话说 :

G.K.D 大佬有话说 : 2022-2-23 17:45
首先打开开发者工具(F12),然后切换到 Sources 选项卡,然后鼠标指向悬浮菜单元素,按下 F8,此时进入调 …

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

G.K.D 大佬有话说 :

小马 大佬有话说 : 2022-2-23 17:46
学习到了 这个方法真不错谢谢!

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

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具