微信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中eq和get的区别与使用方法
Apr 14 Javascript
JavaScript中奇葩的假值示例应用
Mar 11 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
JavaScript仿聊天室聊天记录
Dec 27 Javascript
Vue数据驱动模拟实现2
Jan 11 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
Nov 12 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
在Vue项目中使用snapshot测试的具体使用
Apr 16 Javascript
vue大型项目之分模块运行/打包的实现
Sep 21 Javascript
如何实现小程序与小程序之间的跳转
Nov 04 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中文字符串截取多种方法汇总
2016/10/06 PHP
php字符串函数 str类常见用法示例
2020/05/15 PHP
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
js操作iframe兼容各种主流浏览器示例代码
2013/07/22 Javascript
jquery实现的鼠标拖动排序Li或Table
2014/05/04 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
详解webpack运行Babel教程
2018/06/13 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
jQuery实现简单飞机大战
2020/07/05 jQuery
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
Python实现模拟登录及表单提交的方法
2015/07/25 Python
tensorflow更改变量的值实例
2018/07/30 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
python 获取sqlite3数据库的表名和表字段名的实例
2019/07/17 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
使用Python+selenium实现第一个自动化测试脚本
2020/03/17 Python
Python子进程subpocess原理及用法解析
2020/07/16 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
MySQL面试题目集锦
2016/04/14 面试题
前台文员我鉴定
2014/01/12 职场文书
策划总监岗位职责
2014/02/16 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
北京奥运会主题口号
2014/06/13 职场文书
社会实践的活动方案
2014/08/22 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
慰问信(范文3篇)
2019/10/23 职场文书
python+opencv实现视频抽帧示例代码
2021/06/11 Python