微信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 相关文章推荐
动态获取复选框checkbox选中个数的jquery代码
Jun 25 Javascript
node.js中的fs.realpathSync方法使用说明
Dec 16 Javascript
jQuery 实现侧边浮动导航菜单效果
Dec 26 Javascript
JS实现三个层重叠点击互相切换的方法
Oct 06 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
JavaScript对象_动力节点Java学院整理
Jun 23 Javascript
JS中的Replace()传入函数时的用法详解
Sep 11 Javascript
angularjs1.X 重构controller 的方法小结
Aug 15 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 Javascript
Vue简单实现原理详解
May 07 Javascript
深入了解Vue.js 混入(mixins)
Jul 23 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与SQL注入攻击[三]
2007/04/17 PHP
PHP中使用sleep函数实现定时任务实例分享
2014/08/21 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
PHP针对伪静态的注入总结【附asp与Python相关代码】
2017/08/01 PHP
推荐20家国外的脚本下载网站
2011/04/28 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
详解webpack+es6+angular1.x项目构建
2017/05/02 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
Vue 刷新当前路由的实现代码
2019/09/26 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
python中文编码问题小结
2014/09/28 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
2020/05/26 HTML / CSS
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
公司会计主管岗位责任制
2014/03/01 职场文书
安全教育实施方案
2014/03/02 职场文书
创先争优活动承诺书
2014/08/30 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
python使用PySimpleGUI设置进度条及控件使用
2021/06/10 Python
Python anaconda安装库命令详解
2021/10/16 Python
mysql字段为NULL索引是否会失效实例详解
2022/05/30 MySQL