微信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 YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
javascript确认框的三种使用方法
Dec 17 Javascript
JQuery异步加载无限下拉框级联功能实现示例
Feb 19 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
Jan 26 Javascript
使用Node.js处理前端代码文件的编码问题
Feb 16 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
Bootstrap实现弹性搜索框
Jul 11 Javascript
sea.js常用的api简易文档
Nov 15 Javascript
React Native中NavigatorIOS组件的简单使用详解
Jan 27 Javascript
原生JS实现前端本地文件上传
Sep 08 Javascript
微信小程序实现底部弹出框
Nov 18 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危险函数(disable_functions)
2012/02/23 PHP
基于PHP一些十分严重的缺陷详解
2013/06/03 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
使用jquery插件实现图片延迟加载技术详细说明
2011/03/12 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
javascript实现根据时间段显示问候语的方法
2015/06/18 Javascript
js判断数组key是否存在(不用循环)的简单实例
2016/08/03 Javascript
TypeScript入门-接口
2017/03/30 Javascript
简单谈谈React中的路由系统
2017/07/25 Javascript
vue filters的使用详解
2018/06/11 Javascript
vue 权限认证token的实现方法
2018/07/17 Javascript
jQuery实现基本隐藏与显示效果的方法详解
2018/09/05 jQuery
小程序rich-text组件如何改变内部img图片样式的方法
2019/05/22 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
2019/09/21 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
不要用强制方法杀掉python线程
2017/02/26 Python
python如何去除字符串中不想要的字符
2020/07/05 Python
朴素贝叶斯Python实例及解析
2018/11/19 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
深入浅析Python 中 is 语法带来的误解
2019/05/07 Python
Python爬虫 批量爬取下载抖音视频代码实例
2019/08/16 Python
通过实例了解python property属性
2019/11/01 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
python3让print输出不换行的方法
2020/08/24 Python
小学生打架检讨书
2014/01/26 职场文书
销售合作意向书范本
2015/05/08 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
创业计划书之废品回收
2019/09/26 职场文书
MySQL数据库Innodb 引擎实现mvcc锁
2022/05/06 MySQL