很多时候我们再做一个功能的时候,明明改了代码,但实际还是原来的样子。其实很多时候并不是代码 BUG 导致,而是浏览器缓存的问题。所以都有哪些方式来禁用浏览器缓存呢?

熟悉 Chorme 的童鞋,可能知道 F12 ->Network->Disable cache

file

但是,假如我们是在开发移动端呢?比如公众号什么的?

我们可以加一个 meta 标签,来声明缓存规则

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>

或者,我们在可以给请求的资源文件加一个版本号(随机数更好)

<link rel="stylesheet" type="text/css" href="app.css?version=1.2.3"/>

版权许可

本作品采用 知识共享署名 4.0 国际许可协议 进行许可。

转载无需与我联系,但须注明出处,注明文章来源 如何禁止浏览器不缓存静态资源

联系我

编程怪事
暂无回复
0 / 180