背景
在web中，悬浮框的特点是当检测鼠标进入时，发生弹出悬浮框事件，当鼠标退出时，悬浮框在页面上消失。此时，若依然通过定位其他元素的方式，不能顺利的定位到悬浮框内的元素。
解决方案：
该解决方案的关键点是保证鼠标退出时，悬浮框不会消失。这样我们就可以用定位其他元素的方式去定位悬浮框内的元素了。如何做到呢。
第一步：按F12进入开发者模式
第二步：点击Sources.
第三步：鼠标进入，触发悬浮框弹出，然后鼠标停止不要移动。
第四步：按F8 或者（Ctrl+\），正常情况下，此时页面的顶部中间位置会出现Paused in debugger提示（如下图），此时可以任意移动鼠标，会发现悬浮框不会消失了。
当完成悬浮框内元素的定位后，再次按F8 或者（Ctrl+\），即可停止暂停，使网页继续工作。
转载地址：https://blog.csdn.net/lc_buzhidao/article/details/104715486
网友评论