问题产生原因:

如果在用户之前已经访问过系统,那么浏览器中会缓存该系统的CSS、JS,这些CSS、JS缓存未过期之前,浏览器只会从缓存中读取CSS和JS,如果在服务器上修改了CSS和JS,那么这些修改在用户的浏览器中是不会有变化的。

解决方式一:

用户按Ctrl + F5强制刷新页面或者手动清空了浏览器的缓存。此时浏览器会重新向服务器获取CSS和JS文件,新的文件便会生效。
但是用户量过大的时候总不能让每个用户一一清理缓存吧,于是便从代码的角度着手解决这个问题。在CSS、JS后面添加版本号,让浏览器把CSS、JS文件当做新的文件重新向服务器获取资源。

解决方式二:在CSS、JS后面添加时间戳

<link rel="stylesheet" href="/css/element.css?_t=<%=new Date().indexOf()%>">
<script type="text/javascript" href="/js/element.js?_t=<%=new Date().indexOf()%>"></script>

关于<%%>、<%=%>、<%:%>的使用方法:HTML代码中<%%>、<%=%>、<%:%>

浏览器清除缓存:

  1. 方式一:
    Ctrl + F5强制刷新页面

  2. 方式二:
    第一步:在这里插入图片描述
    第二步:鼠标右键点击清空缓存并硬性重新加载
    在这里插入图片描述

  3. 方式三:打开浏览器设置,找到安全与隐私设置,选择清除浏览数据
    在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐