在chrome中修改dom元素样式

使用场景：在谷歌浏览器中想要选中某类hover展示元素，并直接修改样式。

开发过程中，我们很多时候想在chrome中直接调试元素样式，这样是比较快捷的一种调试方法，对于正常元素，这是很容易做到的。但是针对某类hover展示元素，就很困难，因为当选中->鼠标移动到样式区域的时候，hover元素就不再展示，这时也就没办法修改样式了。

解决方法：在控制台键入 setTimeout(() => { debugger }, 2000) ，然后在未执行debugger这个时间区间，利用快捷键option + command + i （mac）选中hover展示的想要修改的元素，此时页面进入debugger，即可修改hover元素样式。