当前位置: 首页 > Web前端 > HTML5

判断当前页面的可见性——visibilitychange属性的应用

时间:2023-04-04 23:18:41 HTML5

前段时间需要写一个程序demo给领导演示。写起来很容易,没想到微信对小程序的审核很严,因为涉及到视频播放====各种类型的小程序,两个小程序提交了同一套代码,提交好几次,最后传给我一次。.最后只好考虑换成内嵌h5页面的小程序web-view。虽然小程序的api里面的视频播放还是蛮好用的,但是codereview就是个大坑。找了一个https服务器,配置了白名单(把授权文件上传到域名对应的服务器很麻烦),ok终于搞定了,终于在h5页面上按我想要的播放了。..没想到,一件非常尴尬的事情发生了。领导给我打电话,我还能听到h5页面播放视频的声音。小程序切换到后台,视频还在播放。哈哈哈=。HTML5新提供的一个API,用于记录当前标签页在浏览器中的激活状态。所谓“激活状态”是指当前标签页是否正在被用户浏览。当小程序切换到后台时,视频暂停。其实短信验证码倒计时也可以用于此。当短信验证码倒计时到50秒时,手机锁屏。这个时候我们的js脚本没有运行。当我们再次解锁时,短信验证码还是从50S开始计算。其实短信验证码的有效期一定不能是50S。这可能会导致问题。用户继续操作会报错,短信验证码超时。值得注意的是,ios7.1及以上版本支持该属性,Android从4.4开始支持