优化样式后 Chrome 浏览器没有刷新效果的原因和解决办法
用 phpstorm 对 .scss
文件进行了优化且成功编译,页面刷新却没有更新效果。
原因是因为浏览器通常为了加载效率,会缓存js/css文件。如果没有清除浏览器缓存的js/css文件的话,修改的效果就不会起作用,因为浏览器还是用的缓存在本地的js/css文件。
不同浏览器的清除缓存办法:
- IE浏览器,直接:internet选项—>设置—>查看文件,就可以看到浏览器缓存了哪些文件。
- Firefox浏览器,缓存采用二进制的方式存储,查看可以在地址栏中输入
about:cache
。要清除就更简单了:菜单—>选项—>隐私与安全—>网络内容缓存。 - chrome浏览器,菜单—>更多工具—>清除缓存数据,然后勾选“缓存的图片和文件”,点击【清除浏览数据】,即可。
感谢 @luphp安轮粉丝 ,windows 下 ctrl+F5
就ok了~
参考链接:
Web开发——问题:js/css文件修改提交后,没有效果
浏览器中F5和CTRL F5的行为区别
本作品采用《CC 协议》,转载必须注明作者和本文链接
如果是windows 则ctrl+F5就ok了