页面可见性——visibilitychange

2022-09-05  本文已影响0人  变量只提升声明不提升赋值

api简介:
浏览器标签页隐藏或者显示的时候会触发visibilitychange事件,可以通过此事件判断用户是否正在浏览当前网页。
应用:

document.addEventListener("visibilitychange", function () {
    console.log('document.visibilityState=' + document.visibilityState);
    console.log('document.hidden=' + document.hidden, document.hidden ? '页面隐藏' : '页面显示');
});

此api在微信内置浏览器中也可用,同时在小程序的webview中也是会生效的。
可以解决小程序webview跳转到别的page后回退到webview不会触发webview网页重载的问题。
在webview内嵌的网页中写上visibilitychange监听就可以监听到webview是否被调出。
另外webview网页缓存问题可以通过link后加时间戳的方式重新加载,但是此办法会每次都新增一个页面栈,导致点击返回会一直在webview中返回,知道退出webview。比较好的解决办法是在网页中通过go方法返回到最初的页面栈,以解决网页缓存不会重载的问题

上一篇下一篇

猜你喜欢

热点阅读