CSS 样式缓存不更新

87 阅读1分钟

来自🥬🐶程序员 Truraly | 田园 的博客,最新文章首发于:田园幻想乡 | 原文链接 | github (欢迎关注)

问题阐述:

css 样式不能及时更新

样式引用方式如下

<link rel="stylesheet" id="link" href="css_js/mycss.css" />

解决方法:

头部添加

<!--删除缓存-->
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate" />
<meta http-equiv="expires" content="0" />

衍生问题:

谷歌浏览器无视标签强制缓存

解决方法:(丐版,非完美方案)

<link rel="stylesheet" id="link" href="css_js/mycss.css?1243" />

在修改样式后再链接后添加“?“+任意数字

原理:

在问号后添加数字不影响访问位置,但会让浏览器觉得是不同的地址,于是会更新缓存

————————————————

版权声明:本文为 田园幻想乡 的原创文章,遵循 CC 4.0 BY-NA-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:truraly.fun/2023年/CSS样式…