微信web端后退强制刷新功能的实现代码
更新时间：2018年03月04日 10:08:08 作者：殷天文
这篇文章主要介绍了微信web端后退强制刷新功能的实现代码,需要的朋友可以参考下
具体代码如下所示：
<script>
//生成uuid
var uuidChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split("");
function uuid() {
var r;
var uuid = [];
uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
uuid[14] = "4";
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | Math.random() * 16;
uuid[i] = uuidChars[(i == 19) ? (r & 0x3) | 0x8 : r];
}
}
return uuid.join("");
}
// 兼容 android
history.replaceState(null, null, "/currentURL?a="+uuid());
// 兼容 ios
$(function () {
var isPageHide = false;
window.addEventListener('pageshow', function () {
if (isPageHide) {
window.location.reload();
}
});
window.addEventListener('pagehide', function () {
isPageHide = true;
});
})
</script>
•android 端使用的h5中的history对象，history.replaceState(null, null, "/currentURL?a="+uuid());在页面加载完成后改变当前url（拼接一个uuid或者随机数），这样每次后退的时候，浏览器发现当前url在浏览器缓存中不存在就会去重新加载。
•但是 ios 端不支持上述方法，所以用了一段jquery代码解决。
总结
以上所述是小编给大家介绍的微信web端后退强制刷新功能的实现代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要为大家详细介绍了JavaScript实现页面电子时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了如何实现js拖拽效果及原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了js实现input的赋值问题小结,在实际的开发中,为了页面的美观,可能用到一些框架,比如EasyUI框架,文中介绍了easyui的input框赋值代码,感兴趣的朋友一起看看吧2023-12-12
flash导航条在网站建设中应用比较广泛，此种效果给浏览者带来极好的视觉效果，非常棒，下面小编给大家介绍基于JS实现导航条flash导航条，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
这篇文章主要介绍了Ext JS 实现建议词模糊动态搜索功能,需要的朋友可以参考下2017-05-05
下面小编就为大家带来一篇js实现页面跳转的几种方法小结。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
javascript写的简单的计算器，内容很多，方法实用，推荐
最近用javascript写了一个简单的计算器，自己测试感觉还好,代码都给了注释，非常不错，推荐大家学习。2011-12-12
ES6是JavaScript语言的主要增强,允许我们编写程序,ES6适用于复杂的应用程序,尽管ES5和ES6在本质上有一些相似之处,但它们之间也有许多不同之处,下面这篇文章主要给大家介绍了关于ES5和ES6区别的相关资料,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了JS实现的不规则TAB选项卡效果代码,基于鼠标事件动态设置页面元素样式实现该效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
如何调用执行iframe中的方法？如下2008-10-10
最新评论