安卓和ios移动端实现H5页面进行强制刷新

安卓和ios移动端实现H5页面进行强制刷新

定义和用法
onpageshow 事件在用户浏览网页时触发。

onpageshow 事件相似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。

为了查看页面是直接从服务器上载入仍是从缓存中读取,你能够使用 PageTransitionEvent 对象的 persisted 属性来判断。 若是页面从浏览器的缓存中读取该属性返回 ture,不然返回 false (查看如下 "更多实例" )。

在实际开发中发现安装手机对于pageshow的方法没有问题ios对pageShow的兼容新不兼容,简单粗暴解决ios不刷新的问题,能够使用window.reload(),可是这种状况会从新刷新会出现闪屏的状况。能够用下面方法进行解决:android

this.pageLoad();
   }
   const _this = this;
   window.addEventListener("pageshow", function(event) {
     if (_this.os === "android") {
       setTimeout(() => {
         _this.pageLoad();
       }, 10);
     } else {
       if (event.persisted) {
         _this.pageLoad();
       }
     }
     try {
       const bfWorker = new Worker(
         window.URL.createObjectURL(new Blob(["1"]))
       );
       window.addEventListener("unload", function() {
         // 这里绑个事件,构造一个闭包,以避免 worker 被垃圾回收致使逻辑失效
         bfWorker.terminate();
       });
     } catch (e) {
       console.log(e);
     }
   });
相关文章
相关标签/搜索