背景
前端页面经常碰到hover才出现的元素，想调试的时候，鼠标移到控制台就消失了。记录一下几种调试方法。
方法
方法1
利用js的单线程特性，当鼠标hover到元素的时候，在控制台输入debugger，然后回车，页面就进入调试状态了。这个方法简单好用。
方法2
在控制台输入如下代码，添加全局事件监听，在hover之后按下回车键，即可方便触发断点，从而进入调试状态。是方法1的替代方法。
handler = (e) => {
if (e.key === 'Enter') debugger;
};
document.addEventListener('keydown', handler);
方法3
如果是自己开发的页面，开发时在代码里加visible='true'就可以让元素一直展示了。
方法4
运用chrome提供的force state功能，不过这个经常没什么用
