监听html页面是否可见 手机切屏切应用可用

有时候需要监听用户是否还在查看页面   一些常用的方法无法在切屏 最小化等情况下完成监听

此方法可监听页面可见性

document.addEventListener('visibilitychange', function () {
      // 用户离开了当前页面
      if (document.visibilityState === 'hidden') {
          console.log('页面不可见');
        document.title = '页面不可见';
      }else if (document.visibilityState === 'visible') {// 用户打开或回到页面
          console.log('页面可见');
        document.title = '页面可见';
      }
    });