背景
日常前端开发中，比如：改造老项目，产品只告诉我们需要改动浮框中的内容。我们从代码去找这个浮框比较费劲，想从页面查看浮框一些特殊class或者属性，发现这个浮框没有办法再element控制台中精确定位。我们打开F12控制台去调试这个浮框时，鼠标的焦点发生了改变，这个浮框又消失了。面对这样的小烦恼，下面介绍Chtome中一种简单的方式去定位到这种类型的浮框。
过程
我们以element-puls中的气泡卡片为例子讲解操作步骤。地址：element-plus.gitee.io/zh-CN/compo…
我们将鼠标挪开后，发现浮框就会消失。我们没有办法定位到这个浮框中的内容。在element控制台中。
下面介绍第一种定位方法。
方法一【打印快捷键+禁用JS】
如图我们可以看到，打印的快捷键盘是command+p。
我们进行如下操作：
打开控制台，然后鼠标指到hover的元素上让浮框显示出来。
按打印的快捷键command+p。弹出打印的弹出框。
关闭打印弹出框，鼠标注意不要进入页面区域，保持在控制台下半部分的区域。
如图所示。我们实现了鼠标的解放。
禁用javascript。
方法二【Break on + 禁用JS】
我们注意到，到我们hover到按钮上时，这个按钮会增加一个新的attribute。所以我们可以借助Break on => attribute modify 这个进入dom的触发事件的断点中。
结束后，就会发现我们回到了方法一中按打印按钮的那种情况。然后，根据方法一中的剩余步骤，继续去禁用JS即可。
