使用场景:在谷歌浏览器中想要选中某类hover展示元素,并直接修改样式。
开发过程中,我们很多时候想在chrome中直接调试元素样式,这样是比较快捷的一种调试方法,对于正常元素,这是很容易做到的。但是针对某类hover展示元素,就很困难,因为当选中->鼠标移动到样式区域的时候,hover元素就不再展示,这时也就没办法修改样式了。
解决方法:在控制台键入 setTimeout(() => { debugger }, 2000) ,然后在未执行debugger这个时间区间,利用快捷键option + command + i (mac)选中hover展示的想要修改的元素,此时页面进入debugger,即可修改hover元素样式。