微信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 相关文章推荐
JavaScript Event学习第八章 事件的顺序
Feb 07 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
详解JavaScript中的every()方法
Jun 08 Javascript
JS面向对象编程详解
Mar 06 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
Vue项目中如何引入icon图标
Mar 28 Javascript
微信小程序使用component自定义toast弹窗效果
Nov 27 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
js设置默认时间跨度过程详解
Jul 17 Javascript
vue element ui validate 主动触发错误提示操作
Sep 21 Javascript
React Fragment介绍与使用详解
Nov 11 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
PHP 上传文件的方法(类)
2009/07/30 PHP
PHP新手用的Insert和Update语句构造类
2012/03/31 PHP
php引用返回与取消引用的详解
2013/06/08 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
php通过隐藏表单控件获取到前两个页面的url
2014/09/09 PHP
CI分页类首页、尾页不显示的解决方法
2016/03/28 PHP
js或css实现滚动广告的几种方案
2010/01/28 Javascript
javascript中DOM复选框选择用法实例
2015/05/14 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
实用又漂亮的BootstrapValidator表单验证插件
2016/05/30 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
Bootstrap table简单使用总结
2017/02/15 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
VUE兄弟组件传值操作实例分析
2019/10/26 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
vue移动端下拉刷新和上滑加载
2020/10/27 Javascript
nodeJs项目在阿里云的简单部署
2020/11/27 NodeJs
javascript实现时钟动画
2020/12/03 Javascript
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
python技能之数据导出excel的实例代码
2017/08/11 Python
Python实现图片转字符画的示例
2017/08/22 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
Python-ElasticSearch搜索查询的讲解
2019/02/25 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
python开发一个解析protobuf文件的简单编译器
2020/11/17 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
高等教育学专业自荐书
2014/06/17 职场文书
爱护草坪标语
2014/06/24 职场文书
毕业证委托书范文
2014/09/26 职场文书
八月一日观后感
2015/06/10 职场文书
nginx 配置缓存
2022/05/11 Servers