微信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 相关文章推荐
利用javascript查看html源文件
Nov 08 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
50个比较实用jQuery代码段
Sep 18 Javascript
JS 各种网页尺寸判断实例方法
Apr 18 Javascript
JavaScript中的small()方法使用详解
Jun 08 Javascript
异步安全加载javascript文件的方法
Jul 21 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 Javascript
详解用node编写自己的cli工具
May 23 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
Oct 25 Javascript
js实现随机数小游戏
Jun 28 Javascript
node.js中npm包管理工具用法分析
Feb 14 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编码规范-php coding standard
2007/03/16 PHP
用PHP生成html分页列表的代码
2007/03/18 PHP
PHP的分页功能
2007/03/21 PHP
PHP迅雷、快车、旋风下载专用链转换代码
2010/06/15 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
PHP对象、模式与实践之高级特性分析
2016/12/08 PHP
PHP回调函数简单用法示例
2019/05/08 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
jquery+CSS3实现3D拖拽相册效果
2016/07/18 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
2018/03/19 Javascript
javascript实现留言板功能
2020/02/08 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
Python字典简介以及用法详解
2016/11/15 Python
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
Python调用钉钉自定义机器人的实现
2020/01/03 Python
python实现微信打飞机游戏
2020/03/24 Python
Django-imagekit的使用详解
2020/07/06 Python
精彩的演讲稿开头
2014/05/08 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
python中的class_static的@classmethod的巧妙用法
2021/06/22 Python