页面可见性 API visibilitychange

一些例子:
网站有图片轮播效果,只有在用户观看轮播的时候,才会自动展示下一张幻灯片。
显示信息仪表盘的应用程序不希望在页面不可见时轮询服务器进行更新。
页面想要检测是否正在渲染,以便可以准确的计算网页浏览量
当设备进入待机模式时,网站想要关闭设备声音(用户按下电源键关闭屏幕)

我这次的案例是和native app做交互,我做的h5需要跳转到app原生的页面去做操作,然后回到h5的时候检测原生页面有无操作,去修改当前h5的状态
当我去native app的时候,我记录些信息,然后判断visibilityState是visible的时候并且我的记录不为空就去执行方法去检测

document.addEventListener("visibilitychange", function() {
            if(document.visibilityState == 'visible' && _that.condition != ''){
                _that.execFunction();
            }
        });

转载于:https://www.jianshu.com/p/bc7947c3f8fe

猜你喜欢

转载自blog.csdn.net/weixin_33810302/article/details/91284974