css中的hover调试

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

在这里推荐另一种方式

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

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

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

 

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

posted @ 2022-04-06 13:16  加薪不加班  阅读(128)  评论(0)    收藏  举报