持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第11天，点击查看活动详情
Bubble气泡或ToolTip调试：
背景：很多前端UI组件库中如：Element Ui、Antd、Tea Design中都会有Bubble气泡或ToolTip，在页面上鼠标hover时气泡展示，移开气泡消失，但有时需要对气泡里的内容、样式进行修改，常规的控制台审查元素难以选中气泡，因为在这类组件鼠标移开时，气泡会消失，它的hover态是由JS动态控制的，所以即使勾选选项卡中的：hover，是没有用的。那怎么让气泡一直显示呢，下面我就以Tea Design组件里的Bubble举例，有四种方法，剩下的欢迎同学们补充。
目的：需要一直显示气泡，方便调试
1. 在代码中给Bubble添加属性visible={true}
2. 在页面hover出气泡，鼠标右键，鼠标移动至控制台Elements中，下滑到最下面，一般是<body>的最后一个元素，即<div id="tea-overlay-root">...</div>
3. 在页面hover出气泡，ctrl+shift+p，输入disable JavaScript
4. 在控制台Console中，输入SetTimeout(()=>debugger,5000)，回车，然后鼠标快速移动到Bubble上，等待5秒，再ctrl+shift+C选中气泡
