【MAC电脑chrome浏览器鼠标悬停才出现的元素如何查看】

MAC电脑chrome浏览器鼠标悬停才出现的元素如何查看

1、问题：

在做台风功能的时候发现，参考网站的台风信息弹窗鼠标移入才出现，移出又消失，导致无法查看元素对应样式。

2、解决方案

● 打开调试模式
● 打开Sources（源代码）
● 鼠标放在触发悬浮的元素上面，按下Command + \，然后移动鼠标就会在该元素进入debugger模式，此时元素固定住了，不会再鼠标移走就消失了，如下图：（ps:如果不小心按了上面的调试图标导致不出来了也不要慌，在source里面把它关掉切换到其他功能页面再回来就行了，每次切换这些功能页都会初始化一下，或者多按两次，也会出来。）

• 最后就是回到element页面调试元素即可
  

总结：

其实不用去source都行，直接鼠标悬浮到元素上，然后command + \ 浏览器也会自动跳到source，然后就可以抓取元素了。