マルチタブ ブラウジングが一般的になっているため、アプリが実行されているからといって、ユーザーがアプリを視聴しているとは限りません。幸い、新しい Page Visibility API を使用すると、アプリが表示されているかどうかを検出できます。この API を使用すると、不要なネットワーク アクティビティと計算を削減できます。
document.webkitHidden
は、現在のページが非表示かどうかを示すブール値です(最新の Chromium ビルドを使用している場合は、コンソールで今すぐ試すことができます)。document.webkitVisibilityState
は、現在の状態を示す文字列(visible
、hidden
、prerendered
のいずれか)を返します。ユーザーがアプリのタブを開いたときやタブから離れたときなど、これらのいずれかが変更されると、新しい webkitvisibilitychange
イベントが発生します。
試してみたい場合は、visibility.js をご覧ください。このライブラリは、API に少し機能を追加して、インタラクションをより楽しく視聴できるようにします。