微信h5页面缓存

前言

移动端开发中，经常会碰到微信缓存的问题，总体感觉而言，有太大的无可奈何，但是问题总归是要解决的。

先说说之前开发的问题

由于之前无论是公众号还是微信分享链接，都是经过充分测试后发布上线的，上线后即使更改了，也能在较快的时间内更新。所以对微信这块一直模棱两可的状态，没有从根本上解决这个缓存的问题。但是这次的需求不同，产品由于某个图片上的文字修改（仅仅一个数字的修改），等ui把图片发过来，然后上传到服务器上后，还是跟之前一样，也期待着资源会自动更新。

来看看现在的效果：

1. chrome浏览器刷新后得到最新图片；
2. 我自己的华为手机微信上刷新页面后得到最新图片；
3. 将链接分享给其他同事，打开后图片是最新的；
4. ios上的微信上链接刷新了图片也不更新，用手机浏览器打开是最新图片；

咋眼一看，明显存在缓存问题，并且刷新只对部分浏览器和设备有效。

没办法，继续折腾，网上一番搜索后，得到的办法是：

1. 对js、css、html、图片等资源添加时间戳/版本号，例如：
   index.js?v=20190507；
   index.js?timetamp=(new Date()).getTime()
2. 文件名采用hash值得方式