Skip to content

CSS 样式缓存不更新

问题阐述:

css 样式不能及时更新

样式引用方式如下

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

解决方法:

头部添加

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

衍生问题:

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

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

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

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

原理:

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

Copyright © 2022 田园幻想乡 浙ICP备2021038778号-1