微信内置浏览器 缓存清理

微信内置浏览器缓存清理

           近期因为项目需要，需要通过微信公众号中点击链接，跳转到对应的业务界面。在开发调试过程中，碰到各式各样的问题，特做此总结。

问题描述：

1. 在发版及测试过程中，部分用户出现 “通过微信内部打开链接的时候，已经升级的功能没有更新出来（对已知问题修改、优化后）”，但是通过外部浏览器操作却没有问题。
2. 点击<a>标签后无响应，页面无法完成跳转。

问题分析：

      微信浏览器内部的缓存问题，微信为了加快页面的响应速度，避免多次加载重复的文件，在用户第一次进入界面后，微信内置浏览器会自动将对应页面中的js及css文件等进行缓存操作，用户再次点击链接发起请求时，浏览器响应过程中会先从缓存中读取页面需要的文件，读取不到则重新加载。
      在调试及发版的过程中，用户可能之前浏览或操作过链接对应的旧版页面。页面中部分功能或者文件是有问题的，但是微信却自动缓存了这些有问题的文件（例如JS、CSS等），从而导致 即使修改了一些问题或者优化，但个别用户看到的却还是有问题的页面。

页面方式：

      通过上述的问题分析，我想 问题原因已经明朗了，那么就开始尝试解决的问题。

• JS文件添加版本号（随机参数）

  <script type="text/javascript">
  	document.write("<script type='text/javascript' src='你的JS路径?random=" + Math.random() + "'></s" + "cript>");
  </script>

• css文件添加版本号（随机参数）

  <script type="text/javascript">
      document.write("<link rel='stylesheet' type='text/css' href='你的CSS路径?v="+new Date().getTime()+"'>"); 
  </script>

手动清理方式：

Andoird手机

• 强制从后台关闭微信应用
• 从设置中清理找到应用-微信-清理缓存
• 使用微信内置浏览器打开 debugx5.qq.com  拉倒最底，清理cookie等相关信息

IOS及Android适用

• 打开微信-我的-设置-通用-存储空间，等到存储空间加载完成后  关闭 即可。

 

 

总结：

      js及css加入了版本号（随机参数），在每一次请求的时候强制让微信重新加载这些文件（加入版本号后，微信缓存中没有找到对应的缓存文件，应该会重新加载），以上是老弟通过实践总结出来的一些经验，纯属个人见解，各位英雄好汉如果有其他想法，可以交流。