浏览器在线css调试,如何解决一刷新,样式消失需要重来的问题?

1,009 阅读1分钟

适用场景

1、代码发布坏境后,特定电脑样式不对,无法到自己电脑调试,调试过后,希望样式保留
2、不确定ui要哪种效果,在线调试给ui看,期望调试后,css依旧在

解决方案

1、打开调试器,如下图找到overrides(覆盖)

image.png 2、新建overrides储存文件夹,并授权访问权限

image.png 授权 image.png 授权后,这里会出现被授权的文件夹 image.png 3、找到需要修改的样式,并点击链接到对应的样式文件

image.png 4、修改样式

image.png 5、右键被修改的文件,选择保存为overrides后,network会出现小感叹号,devTools文件夹下会出现被保存的文件

image.png

验证是否有效

1、刷新页面,验证修改的样式是否依旧在 --验证成功

image.png

笔记:可以在刚刚新建的文件夹下方找到该文件,并copy发送给自己

image.png