当前位置:   article > 正文

后台修改js或者css文件之后,客户端刷新但是无效的问题

代码如何修改编辑js的值,刷新也不便

前端开发会遇到一个问题:修改测试前端代码的时候,有时候修改了css或者js文件,但是前端刷新的时候却没有反应,不免让人感觉是不是修改错误,其实这有可能是客户端缓存问题。解决方法:

 

1)Ctrl+F5,清除浏览器缓存(等同于浏览器-->历史数据-->删除cookies)注意:如果是利用F12中的Disable cache,则需要F12打开控制台才能生效

2)在js或css后加版本号,这时候浏览器客户端会认为这是不同版本的js或者css文件,会自动重新刷新下载(浏览器会缓存下载页面js和css文件)

  2.1)形如:.css?v=x  或者 css?version=x     <link rel="stylesheet"  href="xx/xx.css?version=x.x.x" type="text/css" />  

  2.2)形如:.js?v=x  或者 css?version=x  <script type="text/javascript" src=../...js?v=x ></script>

3)使用gulp等进行前端构建

 

转载于:https://www.cnblogs.com/hihao/p/6502745.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/660675
推荐阅读
相关标签
  

闽ICP备14008679号