有時候需要監聽使用者是否還在檢視頁面   一些常用的方法無法在切屏 最小化等情況下完成監聽

此方法可監聽頁面可見性

document.addEventListener('visibilitychange', function () {
      // 使用者離開了當前頁面
      if (document.visibilityState === 'hidden') {
          console.log('頁面不可見');
        document.title = '頁面不可見';
      }else if (document.visibilityState === 'visible') {// 使用者開啟或回到頁面
          console.log('頁面可見');
        document.title = '頁面可見';
      }
    });