微信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 EasyUI API 中文文档 - ComboTree组合树
Oct 11 Javascript
js字符编码函数区别分析
Dec 28 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
Jul 12 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
js实现双色球效果
Aug 02 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/12/28 PHP
php中static静态变量的使用方法详解
2010/06/04 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
PHP编写RESTful接口
2016/02/23 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
laravel实现批量更新多条记录的方法示例
2017/10/22 PHP
Javascript面象对象成员、共享成员变量实验
2010/11/19 Javascript
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
from表单多个按钮提交用onclick跳转不同action
2014/04/24 Javascript
js验证身份证号有效性并提示对应信息
2015/10/19 Javascript
js实现表格筛选功能
2017/01/18 Javascript
Node.js连接Sql Server 2008及数据层封装详解
2018/08/27 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
[02:08]DOTA2英雄基础教程 马格纳斯
2014/01/17 DOTA
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
在Python的Django框架中调用方法和处理无效变量
2015/07/15 Python
python实现猜单词小游戏
2020/05/22 Python
python 根据字典的键值进行排序的方法
2019/07/24 Python
Windows下pycharm安装第三方库失败(通用解决方案)
2020/09/17 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
do you have any Best Practice for testing
2016/06/04 面试题
网络教育自我鉴定
2013/11/01 职场文书
幼儿园中班新学期寄语
2014/01/18 职场文书
特色冷饮店创业计划书
2014/01/28 职场文书
优秀幼教自荐信
2014/02/03 职场文书
优秀研究生主要事迹
2014/06/03 职场文书
沈阳故宫导游词
2015/01/31 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
JavaScript文档对象模型DOM
2021/11/20 Javascript
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android