微信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 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
利用js跨页面保存变量做菜单的方法
Jan 17 Javascript
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 Javascript
详细介绍8款超实用JavaScript框架
Oct 25 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
Dec 23 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 Javascript
vuejs选中当前样式active的实例
Aug 22 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
Node实现搜索框进行模糊查询
Jun 28 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
利用discuz自带通行证整合dedecms的方法以及文件下载
2007/03/06 PHP
php生成xml简单实例代码
2009/12/16 PHP
使用Discuz关键词服务器实现PHP中文分词
2014/03/11 PHP
一个实用的php验证码类
2017/07/06 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
JS实现网页滚动条感应鼠标变色的方法
2015/02/26 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
2016/01/28 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
浅谈如何使用webpack构建多页面应用
2018/05/30 Javascript
详解JavaScript栈内存与堆内存
2019/04/04 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
2020/01/02 Javascript
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Python中文件遍历的两种方法
2014/06/16 Python
简单介绍Python中的JSON模块
2015/04/08 Python
Django内容增加富文本功能的实例
2017/10/17 Python
python2与python3爬虫中get与post对比解析
2019/09/18 Python
pygame实现贪吃蛇游戏(下)
2019/10/29 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
DKNY品牌官网:纽约大都会时尚风格
2016/10/20 全球购物
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
学期自我鉴定范文
2013/10/01 职场文书
领导检查欢迎词
2014/01/14 职场文书
协议书范本
2014/04/23 职场文书
2014年就业工作总结
2014/11/26 职场文书
少年犯观后感
2015/06/11 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
OpenCV-Python实现轮廓拟合
2021/06/08 Python
Golang表示枚举类型的详细讲解
2021/09/04 Golang
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技