网页f12调试如何查看鼠标悬浮时才出现的dom元素?-灵析社区

七安前

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

阅读量:322

点赞量:17

问AI
分两种情况吧 1. CSS 控制的 把需要鼠标悬浮的元素的 ":hover" 伪类强制打开就行,FireFox 里是这样的: "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/a85bbc3c7286a880d1bc4c5456811838.png) 2. JS 控制的 以思否这个按钮的 tooltip 为例 "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/e6f677c60102f030228ce11361201ada.png) 把开发者工具调成独立窗口模式,选中那个元素的上级元素,把鼠标悬浮在按钮上,按 Tab 就选中新出现的元素了 "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/c6bdb8d157e65f6a4a4c4b21150ea463.png)