浏览器调试动态样式

有的样式是动态加载上去的，比如鼠标经过，还有超时消失等。

如果在开发者工具获取这些样式呢？

其实就跟我们截图一样，像滑动验证码这种，鼠标经过就出现，那截图的时候将书房放在验证码出现的区域，按下截图快捷键即可。

获取这种样式也是一样的

在鼠标经过时，右键->检查（ctrl+shift+i）

但是当鼠标挪到样式调整区域的时候动态的样式依然会消失

这个时候我们要对调试区域做一些调整，保证鼠标直接从样式区域直接进入调试区域（也就是下图的黄色区域）

来个效果明显的