微信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 相关文章推荐
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
Oct 11 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
Aug 07 Javascript
简单的JS轮播图代码
Jul 18 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
微信小程序url传参写变量的方法
Aug 09 Javascript
如何解决.vue文件url引用文件的问题
Jan 18 Javascript
浅析Vue下的components模板使用及应用
Nov 27 Javascript
webpack+express实现文件精确缓存的示例代码
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
PHP安装全攻略:APACHE
2006/10/09 PHP
php获取数组长度的方法(有实例)
2013/10/27 PHP
ThinkPHP3.2.2的插件控制器功能
2015/03/05 PHP
javascript 类方法定义还是有点区别
2009/04/15 Javascript
Javascript 二维数组
2009/11/26 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
2012/12/17 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
在Google 地图上实现做的标记相连接
2015/01/05 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
2016/02/25 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
2016/07/05 Javascript
浅谈javascript中的数据类型转换
2016/12/27 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
2017/05/12 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
2019/02/22 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
Python实现在tkinter中使用matplotlib绘制图形的方法示例
2018/01/18 Python
使用python itchat包爬取微信好友头像形成矩形头像集的方法
2019/02/21 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
python如何随机生成高强度密码
2020/08/19 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
为奢侈时尚带来了慈善元素:Olivela
2018/09/29 全球购物
敏捷开发的主要原则都有哪些
2015/04/26 面试题
骨干教师培训方案
2014/05/06 职场文书
助人为乐道德模范事迹材料
2014/08/16 职场文书
课程设计的心得体会
2014/09/03 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
个人欠款协议书范本2014
2014/11/02 职场文书
影视后期实训报告
2014/11/05 职场文书
2014年依法行政工作总结
2014/11/19 职场文书
五年级语文教学反思
2016/03/03 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
为什么MySQL选择Repeatable Read作为默认隔离级别
2021/07/26 MySQL
MySQL批量更新不同表中的数据
2022/05/11 MySQL
Nginx 配置 HTTPS的详细过程
2022/05/30 Servers