首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >更新CSS版本并清除浏览器缓存?

更新CSS版本并清除浏览器缓存?
EN

Stack Overflow用户
提问于 2018-06-10 04:00:15
回答 1查看 1.1K关注 0票数 -1

当我在我的网站上更新CSS时,它显示的是较旧的版本。这似乎是因为浏览器保存了css版本的缓存。

如何清理浏览器的缓存并在每次编辑时获取最新版本?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-10 04:03:37

当你加载css时,你可以使用缓存缓冲器。只需在文件名后添加?v=1.1

<link rel='stylesheet' href='styles.css?v=1.1' type='text/css' media='all' />

然后当你改变你的CSS时增加它,它将迫使浏览器重新加载它,并且不使用它的缓存版本。

编辑:

您还可以在其他任何地方(例如,在单独的配置文件中)使用PHP变量集,以使其与其他几个文件同时递增,而不必总是编辑您的模板。

$file_version = 1.1;

然后

<link rel='stylesheet' href='styles.css?v=<?= $file_version ?>' type='text/css' media='all' />

CSS和JS文件由浏览器缓存,简单的页面刷新不会加载新版本。因此,使用此无效参数更改url将使浏览器重新加载它。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50778044

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档