美文网首页
页面可见性——visibilitychange

页面可见性——visibilitychange

作者: 变量只提升声明不提升赋值 | 来源:发表于2022-09-05 20:07 被阅读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方法返回到最初的页面栈,以解决网页缓存不会重载的问题

    相关文章

      网友评论

          本文标题:页面可见性——visibilitychange

          本文链接:https://www.haomeiwen.com/subject/gtjbnrtx.html