解决webview缓存问题----webview对于选择框的缓存问题研究

臣妾写不来啊2024-02-22 8:05

线上小程序发现一个bug,精确定位后发现是前端框架的问题

问题描述:

小程序有一个问卷答题功能,问卷系统和小程序是两个系统,因此在小程序里直接使用webview嵌入一个h5页面,现在发现在做题的时候,只要选择了选择框之后,在没有点击提交按钮的情况下,退出登陆另外的账号,点进该套问卷后还是会回显上一个人的选项,但是换个没有答题过的手机登陆就不会出现这种情况,因此大致判断就是前端的问题.

解决办法:

在跳转问卷系统的url后面加上一个时间戳参数或者一个uuid,保证每次跳转的url都不一样,这样就会出发强制刷新页面,从而将缓存刷掉;

当然,如果这种方式不能解决你的问题,你还可以搜索别的解决方式,我知道的还有webview的缓存机制,可以控制开关进行强制刷新,另外值得注意的是,这个bug只有在安卓手机上才有这种bug,在苹果和IDE上都没有问题,有点搞笑....

// 获取当前时间戳  
var timestamp = new Date().getTime();  
  
// 假设原始 URL 为  
var originalURL = "http://example.com/page";  
  
// 将时间戳作为参数添加到 URL 后面  
var newURL = originalURL + "?timestamp=" + timestamp;  
  
// 现在 newURL 包含了时间戳参数  
console.log(newURL);