安卓和ios移动端实现H5页面进行强制刷新
定义和用法
onpageshow 事件在用户浏览网页时触发。
onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。
为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false (查看以下 "更多实例" )。
在实际开发中发现安装手机对于pageshow的方法没有问题ios对pageShow的兼容新不兼容,简单粗暴解决ios不刷新的问题,可以使用window.reload(),但是这种情况会重新刷新会出现闪屏的情况。可以用下面方法进行解决:
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);
}
});