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

21次阅读

共计 555 个字符,预计需要花费 2 分钟才能阅读完成。

前段时间需要写一个程序的 demo,演示给领导,写起来是简单,但是没想到微信那边对小程序的审核卡得很严,因为涉及到视频播放 ==== 各种改小程序类型,两个小程序分别提交同一套代码,提交了好几次,最后终于是给我过了一次.。。最后不得不考虑改为小程序 web-view 内嵌 h5 页面,虽说小程序的 api 里面关于视频播放的还是挺好使的,但是代码审核就是个大坑。找了 https 的服务器,配置白名单 (域名对应的服务器上传授权文件好麻烦),ok 终于搞定了,在 h5 页面终于随心所欲的耍。。。没想到出现了一个很尴尬的事情,领导给我打电话,我居然还可以听到那头 h5 页面播放视频的声音,小程序切到后台了,视频还在播放,哈哈哈 =.=
突然找到了 HTML5 新提供的一个 api,作用是记录当前标签页在浏览器中的激活状态。所谓“激活状态”指当前标签是否正在被用户浏览。

当小程序被换至后台得时候 视频暂停播放
其实短信验证码倒计时也可以用到这个,短信验证码倒计时 50S 时候,手机锁屏,这个时候我们得 js 脚本是没有运行,当我们再次解锁的时候,短信验证码还是从 50S 开始计算的,实际上短信验证码的有效期肯定是没有 50S 的,这样可能就会出现问题,当用户继续操作的时候,会报错,短信验证码已超时。

值得注意的是 该属性 ios 7.1 及以上都支持 安卓是从 4.4 开始支持的

正文完
 0