优化样式后 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 协议》,转载必须注明作者和本文链接
Wayne
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 1
luphp_安轮粉丝

如果是windows 则ctrl+F5就ok了

7年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!