如何在网页 F12 调试中查看鼠标悬停时才出现的 DOM 元素？

如何在网页 f12 调试中查看鼠标悬停时才出现的 dom 元素？

在 f12 调试模式下，鼠标悬停时才出现的 dom 元素无法通过直接选择查看。解决方法根据显示原理的不同而有所区别：

1. css 控制的元素

强制开启悬停状态：在 firefox 浏览器中，可以通过在开发者工具中手动开启选中元素的 :hover 伪类来强制显示鼠标悬停效果：

@@##@@

2. js 控制的元素

定位隐藏元素：对于由 javascript 控制的元素，需要使用以下步骤在开发者工具中定位隐藏元素：

• 将开发者工具设置为独立窗口模式。
• 选中隐藏元素的父元素。
• 将鼠标悬停在隐藏元素上。

• 按下 tab 键，开发者工具将自动选中刚出现的隐藏元素：

  @@##@@
  @@##@@

以上就是如何在网页 F12 调试中查看鼠标悬停时才出现的 DOM 元素？的详细内容，更多请关注其它相关文章！