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

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

突然找到了 HTML5新提供的一个api,作用是记录当前标签页在浏览器中的激活状态。所谓“激活状态”指当前标签是否正在被用户浏览。

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

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

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

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


    原文作者:Maybe
    原文地址: https://segmentfault.com/a/1190000017928281
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞