每次我进行更改时,我都使用一个函数为我的自定义样式表提供一个唯一的版本。这在我的源代码中被引用为:
https://www.example.com/wp-content/themes/x-child/style.css?ver=1539545953
我还阻止了这个文件被缓存在我的服务器上。
我以为 Safari 会自动下载最新版本,但似乎用户需要手动清空缓存,然后刷新页面才能在 Safari 中获取我的样式表的最新版本。
有没有办法强制 Safari 使浏览器缓存中旧存储的文件失效?我想通过使用版本控制,这将自动工作而无需手动清除缓存。
最佳答案
进入
<head>
</head>
标记以便它仅在 safari 或所有浏览器上处于事件状态
<meta http-equiv = "Cache-Control" content = "no-cache, no-store, must-revalidate" />
<meta http-equiv = "Pragma" content = "no-cache" />
<meta http-equiv = "Expires" content = "0" />
标签和防止页面缓存,以便随时调用每个资源
但是,请不要忘记,如果可能的话,这个缓存会在开发完成后删除这些代码,从而大大提高我们的速度,以改善用户体验。
关于css - Safari CSS - 使自定义样式表的版本无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58106641/