【调试小技巧】chrome调试hover的js产生的元素（非css产生的元素）

前言

• 有些时候我们需要调试鼠标悬浮才能js事件产生的元素，但手上又没有该网站项目，这里找了2个方法。

技巧一（推荐）

• 打开控制台后在sources标签下有个eventListener breakpoint。在里面找到mouse下对应的事件，比如click等，打上对勾。
• 在页面去触发该事件，有可能会有别的事件同时触发，不是自己需要的点绿色箭头跳过即可。
• 当你要的事件触发，可以看见你要的元素被卡在那，就可以尽情调试了。

技巧二

• 当元素出来时按快捷键ctrl+shift+c，缺点是鼠标一移动就没了。