来自🥬🐶程序员 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