背景

在web中，懸浮框的特點(diǎn)是當(dāng)檢測(cè)鼠標(biāo)進(jìn)入時(shí)，發(fā)生彈出懸浮框事件，當(dāng)鼠標(biāo)退出時(shí)，懸浮框在頁(yè)面上消失。此時(shí)，若依然通過(guò)定位其他元素的方式，不能順利的定位到懸浮框內(nèi)的元素。

解決方案：

該解決方案的關(guān)鍵點(diǎn)是保證鼠標(biāo)退出時(shí)，懸浮框不會(huì)消失。這樣我們就可以用定位其他元素的方式去定位懸浮框內(nèi)的元素了。如何做到呢。

第一步：按F12進(jìn)入開(kāi)發(fā)者模式

第二步：點(diǎn)擊Sources.

第三步：鼠標(biāo)進(jìn)入，觸發(fā)懸浮框彈出，然后鼠標(biāo)停止不要移動(dòng)。

第四步：按F8 或者（Ctrl+\），正常情況下，此時(shí)頁(yè)面的頂部中間位置會(huì)出現(xiàn)Paused in debugger提示（如下圖），此時(shí)可以任意移動(dòng)鼠標(biāo)，會(huì)發(fā)現(xiàn)懸浮框不會(huì)消失了。

當(dāng)完成懸浮框內(nèi)元素的定位后，再次按F8 或者（Ctrl+\），即可停止暫停，使網(wǎng)頁(yè)繼續(xù)工作。

轉(zhuǎn)載地址：https://blog.csdn.net/lc_buzhidao/article/details/104715486