[HTML]html不使用浏览器缓存

开发过程中遇到版本发布之后需要修改页面静态资源的问题，但由于初版没有设置不使用浏览器缓存，只好更换了页面地址。

建议以后开发都在<head>中加上：

    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-control" content="no-cache" />
    <meta http-equiv="Cache" content="no-cache" />

 

自用，如果是写jade：

        meta(http-equiv="Expires",content="0")
        meta(http-equiv="Pragma",content="no-cache")
        meta(http-equiv="Cache-control",content="no-cache")
        meta(http-equiv="Cache",content="no-cache")

 

2023.1.18补充：

如果是Safari浏览器，上述方法可能不生效。

参考简书文章：https://www.jianshu.com/p/b43b89e1e891

针对ios可能的解决方案，未亲测：

window.onpageshow = function(event) {
　　if (event.persisted) {
　　　　window.location.reload()
　　}
};

 

posted @   夕苜19  阅读(154)  评论(0)  编辑  收藏  举报
相关博文：
· [Express]把静态html挂到express服务器某个端口下
· [BOM]实现页面loading效果，在图片资源加载完之前显示loading
· 禁用浏览器缓存 html 的页面内容
· 如何禁止html页面缓存？
· vue项目中禁用浏览器缓存配置案例
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· .NET10 - 预览版1新功能体验（一）
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛