微信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 相关文章推荐
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
Nov 25 Javascript
原生js实现查找/添加/删除/指定元素的class
Apr 12 Javascript
JS对img标签进行优化使用onerror显示默认图像
Apr 24 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
值得分享的JavaScript实现图片轮播组件
Nov 21 Javascript
详解jQuery停止动画——stop()方法的使用
Dec 14 Javascript
js中getBoundingClientRect的作用及兼容方案详解
Feb 01 Javascript
vue解决一个方法同时发送多个请求的问题
Sep 25 Javascript
JS实现判断数组是否包含某个元素示例
May 24 Javascript
jQuery实现轮播图效果
Nov 26 jQuery
使用typescript改造koa开发框架的实现
Feb 04 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 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
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
php之static静态属性与静态方法实例分析
2015/07/30 PHP
PHP分享图片的生成方法
2018/04/25 PHP
详解json在php中的应用
2018/09/30 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
jquery 学习之二 属性(类)
2010/11/25 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
微信小程序 less文件编译成wxss文件实现办法
2016/12/05 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
c++生成dll使用python调用dll的方法
2014/01/20 Python
Python列表生成器的循环技巧分享
2015/03/06 Python
用Python实现通过哈希算法检测图片重复的教程
2015/04/02 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
TensorFlow的权值更新方法
2018/06/14 Python
python+opencv+caffe+摄像头做目标检测的实例代码
2018/08/03 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
python字符串切割:str.split()与re.split()的对比分析
2019/07/16 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
英国最大的户外商店:Go Outdoors
2019/04/17 全球购物
德国购买门票网站:ADticket.de
2019/10/31 全球购物
控制工程专业个人求职信
2013/09/25 职场文书
软件项目开发计划书
2014/05/01 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
运动会广播稿50字-100字
2014/10/11 职场文书
幼师个人总结范文
2015/02/28 职场文书
统计工作个人总结
2015/03/03 职场文书
趣味运动会广播稿
2015/08/19 职场文书
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python