微信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 相关文章推荐
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
Aug 28 Javascript
js/jquery去掉空格,回车,换行示例代码
Nov 05 Javascript
javascript判断并获取注册表中可信任站点的方法
Jun 01 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
Vue数据驱动模拟实现5
Jan 13 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
Jun 22 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
js实现简单的无缝轮播效果
Sep 05 Javascript
JS实现京东商品分类侧边栏
Dec 11 Javascript
详解template标签用法(含vue中的用法总结)
Jan 12 Vue.js
编写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
如何给phpadmin一个保护
2006/10/09 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
学习php中的正则表达式
2014/08/17 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
JavaScript中this关键字使用方法详解
2007/03/08 Javascript
prototype Element学习笔记(篇二)
2008/10/26 Javascript
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
获取数组中最大最小值方法js代码(自写)
2013/08/12 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
2014/06/23 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
Vue父组件调用子组件事件方法
2018/02/23 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
2018/06/14 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
jquery实现拖拽小方块效果
2020/12/10 jQuery
Python3字符串学习教程
2015/08/20 Python
Python利用前序和中序遍历结果重建二叉树的方法
2016/04/27 Python
Python实现检测文件MD5值的方法示例
2018/04/11 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
python调用API接口实现登陆短信验证
2020/05/10 Python
python实例化对象的具体方法
2020/06/17 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
创业计划书模版
2014/02/05 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
村长反四风问题个人对照检查材料
2014/09/21 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
python如何获取网络数据
2021/04/11 Python
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS