在做微信开发的时候,由于微信内置浏览器的封闭性,经常会出现代码已经修改但是在微信中打开还是缓存了旧的页面。对开发者来说这是一件非常让人恼火的事情。下面说一下解决办法吧,虽然说不上完美但不用清数据,也不用卸载并重装微信,凑合着用还是可以的。
方法一:
通过给js、css和image资源改名或增加版本号的方式来解决,页面样式不变化大多是外部文件被缓存,改名的效果很好,但是不方便。版本号的方法还可以。下面详细说一下,例如以下代码为外部引用的文件:
- <link rel="stylesheet" href="main.css?ver=1.0" />
- <script src="js/rendered.js?ver=1.0"></script>
每次对文件进行修改后,把ver后的1.0改为1.1,下次改为1.2等等,这样每次页面打开的连接都不一样,就会重新请求外部文件了
方法二:
通过改写meta防止页面缓存,代码如下,直接放在header部分就可以了
- <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" />