CSS 样式缓存不更新

来自🥬🐶程序员 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 版权协议，转载请附上原文出处链接及本声明。
原文链接：http://truraly.fun/2023年/CSS样式缓存不更新.html