博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网站更新后客户端缓存问题
阅读量:5294 次
发布时间:2019-06-14

本文共 671 字,大约阅读时间需要 2 分钟。

问题:

网站调整后,发现页面显示不正常,刷新清空缓存后才能显示正常。

研究:

可能存在本地缓存问题,虽然服务器修改了css或者js文件,但是浏览器仍然使用的是本地缓存的css

解决:

1.更新文件后更改css/js文件名

  缓存是通过文件名标记缓存的内容的,在更新了网站的css或者js文件内容后,在更新了一下css或者js文件名就行了。

例如:

原文件名为:  

更新后 更改命名为:  

2.给css/js文件加个版本号:

 第一种方法修改css/js后改文件名确实麻烦,所以我们可以加载css/js语句中加入版本号(即css/js链接中?后面的内容)就可以了。如原先的HTML中的css调用语句如下: 

将css文件的版本号改成新的:

关于css/js文件后缀参数:

  css文件后面的问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息,更新的同时可以刷新一下浏览器的缓存。例如:

  使用参数的两种作用:

    客户端会缓存css/js文件,因此每次升级js/css文件后,改编版本号,客户端浏览器就会重新下载新的js/css文件,起到刷新缓存的作用。

    脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区分。即上面代码对于文件来说等价于:

但浏览器会认为它是该文件的某个版本!      第一种方法使用最多,也可能两种方法同时使用。

转载于:https://www.cnblogs.com/CooLLYP/p/7472304.html

你可能感兴趣的文章
Redis客户端连接异常
查看>>
小白学数据分析----->移动游戏的使用时长分析
查看>>
静态页面表单提交
查看>>
走进 Spring IOC 的世界
查看>>
【HTML/XML 7】CSS层叠样式表
查看>>
Segmentation fault(Core Dump)
查看>>
SQL Server全文索引 (简单的搜索引擎)
查看>>
关于logstash-out-mongodb插件说明
查看>>
第三届蓝桥杯本科预赛 c++ 第十题
查看>>
redis详解
查看>>
修改列名以及其数据类型
查看>>
实用性较强的idea插件
查看>>
鱼塘钓鱼(fishing)
查看>>
java基础篇---正则表达式
查看>>
声明提升
查看>>
关于c# .net爬虫
查看>>
Rails--render partial时传递参数
查看>>
java基础不牢固容易踩的坑
查看>>
P4824 [USACO15FEB]Censoring (Silver) 审查(银)
查看>>
实验二
查看>>