浏览器调试动态样式

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

浏览器调试动态样式

浏览器调试动态样式

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

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

获取这种样式也是一样的

在鼠标经过时,右键->检查(ctrl+shift+i)

浏览器调试动态样式

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

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

浏览器调试动态样式

来个效果明显的

浏览器调试动态样式