微信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不同类型数据之间的运算的转换方法
Feb 13 Javascript
js中把JSON字符串转换成JSON对象最好的方法
Mar 21 Javascript
js动态生成form 并用ajax方式提交的实现方法
Sep 09 Javascript
深入了解JavaScript的逻辑运算符(与、或)
Dec 20 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
Jul 17 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
Jul 07 Javascript
vue自定义tap指令及tap事件的实现
Sep 18 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 Javascript
Vue+axios封装请求实现前后端分离
Oct 23 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
Jan 07 Javascript
threejs太阳光与阴影效果实例代码
Apr 05 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下实现折线图效果的代码
2007/04/28 PHP
关于JSON以及JSON在PHP中的应用技巧
2013/11/27 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
DEDECMS首页调用图片集里的多张图片
2015/06/05 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
laravel自定义分页效果
2017/07/23 PHP
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
node 利用进程通信实现Cluster共享内存
2017/10/27 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
vue.js 实现评价五角星组件的实例代码
2018/08/13 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
Python2.X/Python3.X中urllib库区别讲解
2017/12/19 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
django获取from表单multiple-select的value和id的方法
2019/07/19 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
解决Django连接db遇到的问题
2019/08/29 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
CSS3 实现时间轴动画
2020/11/25 HTML / CSS
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
Tomcat Mysql datasource数据源配置
2015/12/28 面试题
蔬菜基地的创业计划书
2014/01/06 职场文书
公务员转正鉴定材料
2014/02/11 职场文书
职业培训师职业生涯规划
2014/02/18 职场文书
村干部培训方案
2014/05/02 职场文书
党员违纪检讨书怎么写
2014/11/01 职场文书
先进教师事迹材料
2014/12/16 职场文书
读《推着妈妈去旅行》有感1500字
2019/10/15 职场文书
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
2022/12/24 HTML / CSS