解决微信浏览器无法使用reload()刷新页面

Posted 2020-07-21 沫鱼的前端世界

场景是这样子的，页面在初始化时有一个ajax请求，在页面上有一个按钮，点击的时候执行window.location.reload()，正常情况reload()后页面依然会向后台发出请求，但在安卓的微信浏览器中reoad后请求的一直是第一次打开页面时请求的数据。可以理解为请求被缓存了，但没有实测，也不知道是否是缓存。

解决方法是，使用window.location.href="window.location.href+随机数" 代替 window.location.reload()。切记，一定要加随机数，否则一样不会起作用。当然也可以用一个a标签，然后设置href="window.location.href + 随机数"。

再进一步的话可以只针对微信浏览器作此设置，那么就得判断是否微信浏览器。可以通过window.navigator.userAgent进行判断，结果是，Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_2 like Mac OS X) AppleWebKit/601.1.46 (Khtml, like Gecko) Mobile/13F69 MicroMessenger/6.3.16。根据关键字 MicroMessenger 来判断是否是微信内置的浏览器。判断函数如下

function isWeiXin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == ‘micromessenger‘){
        return true;
    }else{
        return false;
    }
}