微信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 相关文章推荐
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
js 效率组装字符串 StringBuffer
Dec 23 Javascript
基于jquery的一个拖拽到指定区域内的效果
Sep 21 Javascript
JS数组的赋值介绍
Mar 10 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
详解vue.js+UEditor集成 [前后端分离项目]
Jul 07 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
JS在if中的强制类型转换方式
Jul 15 Javascript
微信小程序日历/日期选择插件使用方法详解
Dec 28 Javascript
javascript中的this作用域详解
Jul 15 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
Aug 09 Javascript
微信小程序实现传递多个参数与事件处理
Aug 12 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调用MySQL的存储过程的实现代码
2008/08/12 PHP
PHP 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
php中使用接口实现工厂设计模式的代码
2012/06/17 PHP
PHP、Python和Javascript的装饰器模式对比
2015/02/03 PHP
微信公众号开发之文本消息自动回复php代码
2016/08/08 PHP
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
JS实现在状态栏显示打字效果完整实例
2015/11/02 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
vue中配置scss全局变量的步骤
2020/12/28 Vue.js
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
python的正则表达式re模块的常用方法
2013/03/09 Python
Python程序设计入门(4)模块和包
2014/06/16 Python
零基础写python爬虫之神器正则表达式
2014/11/06 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python 一篇文章搞懂装饰器所有用法(建议收藏)
2019/08/23 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
python except异常处理之后不退出,解决异常继续执行的实现
2020/04/25 Python
python 下划线的不同用法
2020/10/24 Python
英国和爱尔兰的自炊式豪华度假小屋:Rural Retreats
2018/06/08 全球购物
《猴子种树》教学反思
2014/02/14 职场文书
2014年党务公开实施方案
2014/02/27 职场文书
安全生产承诺书
2014/03/26 职场文书
《海伦?凯勒》教学反思
2014/04/17 职场文书
债务授权委托书范本
2014/10/17 职场文书
幼儿园教师自荐书
2015/03/06 职场文书