标签：返回 isIOS h5 window var performance navigation 页面

---

一：监听 visibilitychange 事件，当页面显示时就再请求一次数据

var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端 var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 //android

document.addEventListener("visibilitychange", function () {
  console.log('visibilityState:', document.visibilityState)
  if (document.visibilityState == 'visible') {
    isIOS ? app.init() : ""
  }
})

二：window.performance.navigation 页面刷新判断

if (window.performance.navigation.type === 0/* 正常访问 */) {
  // 你要干的事
} else if (window.performance.navigation.type === 1/* 刷新 */) {
  // 你要干的事
} else if (window.performance.navigation.type === 2/* 返回 */) {
  alert("我返回了")
  // 你要干的事
} else {
  // 其他你要干的事
}

三：每次返回页面就刷新一次页面，这是最简单的方法，但是每次都是刷新页面而不是重新请求数据，用户体验不是最佳。

if (isIOS) {
  window.onpageshow = function (e) {
    if (e.persisted) {
      window.location.reload()
    }
  }
}

四：从B页面返回A页面时通过url传递一个参数到A页面，A页面拿到这个参数再请求一次数据，笨办法但是有效

//B页面
window.location.href = "/s/ss/sss/ssssss?isIOS=" + 1

//A页面截取url地址的参数值函数
getQueryString: function (name) {
      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
      var r = location.search.substr(1).match(reg);
      if (r != null) {
        return decodeURI(r[2]);
      }
      return null;
},

creted () {
    ((this.getQueryString("isIOS")==1) && isIOS) ? this.init() : ""
}

 

 

标签：返回,isIOS,h5,window,var,performance,navigation,页面
来源： https://www.cnblogs.com/youseeseeyouonedayday/p/14943330.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。