如何查看鼠标悬浮时才出现的 dom 元素？
在进行网页调试时，有时我们需要检查和操作仅在鼠标悬浮时才会出现的 DOM 元素。本文将介绍在使用 F12 调试工具时查看此类元素的两种方法。
方法 1：CSS 控制的元素
对于由 CSS 伪类 :hover 控制的元素，可以通过强制打开该伪类来查看：
在 Firefox 中，选中需要查看的元素，在样式面板的伪类列表中选中 :hover。截图以供参考：
[图片.png]
方法 2：JS 控制的元素
对于由 JavaScript 控制的元素（例如工具提示），可以通过以下步骤进行查看：
将开发者工具设置成独立窗口模式。选中元素的上级元素。将鼠标悬浮在目标元素上。按下 Tab 键，即可选中目标元素。截图以供参考：
[图片.png]
以上就是网页调试：如何查看鼠标悬浮时才出现的 DOM 元素？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1559846.html
微信扫一扫 
支付宝扫一扫 
