微信web端后退强制刷新功能的实现代码


Posted in Javascript onMarch 04, 2018

具体代码如下所示:

<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 相关文章推荐
Extjs学习笔记之七 布局
Jan 08 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 Javascript
JavaScript创建对象的写法
Aug 29 Javascript
了不起的node.js读书笔记之mongodb数据库交互
Dec 22 Javascript
JQuery中Text方法用法实例分析
May 18 Javascript
通过js修改input、select默认字体颜色
Apr 19 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
基于node.js实现爬虫的讲解
Feb 18 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
Node.js Domain 模块实例详解
Mar 18 Javascript
详解TypeScript的基础类型
Feb 18 Javascript
编写React组件项目实践分析
Mar 04 #Javascript
Vue组件开发技巧总结
Mar 04 #Javascript
代码详解javascript模块加载器
Mar 04 #Javascript
Vue用v-for给src属性赋值的方法
Mar 03 #Javascript
vue中v-for加载本地静态图片方法
Mar 03 #Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 #Javascript
基于Vuejs的搜索匹配功能实现方法
Mar 03 #Javascript
You might like
人大复印资料处理程序_查询篇
2006/10/09 PHP
PHP Cookie学习笔记
2016/08/23 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
js异或加解密效果代码
2008/06/25 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
一道常被人轻视的web前端常见面试题(JS)
2016/02/15 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
JS装饰器函数用法总结
2018/04/21 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
python字典的常用操作方法小结
2016/05/16 Python
Python找出list中最常出现元素的方法
2016/06/14 Python
python用列表生成式写嵌套循环的方法
2018/11/08 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
天巡全球:Skyscanner Global
2017/06/20 全球购物
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
财会自我鉴定范文
2013/12/27 职场文书
精通CAD能手自荐书
2014/01/31 职场文书
《三顾茅庐》教学反思
2014/04/10 职场文书
职业生涯规划书前言
2014/04/15 职场文书
公司联欢会策划方案
2014/05/19 职场文书
对外汉语专业大学生职业生涯规划书
2014/10/11 职场文书
仓库保管员岗位职责
2015/02/09 职场文书
父亲节寄语大全
2015/02/27 职场文书
土木工程毕业答辩开场白
2015/05/29 职场文书
java项目构建Gradle的使用教程
2022/03/24 Java/Android