浏览器调试 hover 后展示元素的技巧（mouseenter）

问题

前端经常会碰到需要调试 ToolTip、Dropdown 这类事件控制元素显示隐藏的场景，令人抓狂的是调试动态显示的元素时鼠标移到控制台它就消失了，那么怎么解决这个问题

解决

1. 打开控制台，输入debugger,但是不要回车，光标停在那边；
2. 找到要hover的元素，鼠标放上去，不要动，现在，要调试的元素出现了；
3. 用另一只手，点击键盘上的回车按键，这个时候触发debug；
4. 这个时候就可以，控制鼠标点击元素，查看结构了