css中的hover调试

有时候在调试hover样式的时候发现无法让hover之后的效果停住，除了使用chrome中的什么.hov,.cls之外还有什么方式呢？

在这里推荐另一种方式

 setTimeout(() => {debugger;}, 3000)

思路：javascript代码可以用debugger的方式打断点，js是单线程

使用setTimeout激活了调试工具，它将阻止浏览器执行其它函数，包括对DOM进行更新，相当于中断了Hover事件

 

参考文章：https://zhuanlan.zhihu.com/p/483539596