Page Visibility API - ご確認いただけましたでしょうか?

Michael Mahemoff

マルチタブ ブラウジングが一般的になっているため、アプリが実行されているからといって、ユーザーがアプリを視聴しているとは限りません。幸い、新しい Page Visibility API を使用すると、アプリが表示されているかどうかを検出できます。この API を使用すると、不要なネットワーク アクティビティと計算を削減できます。

document.webkitHidden は、現在のページが非表示かどうかを示すブール値です(最新の Chromium ビルドを使用している場合は、コンソールで今すぐ試すことができます)。document.webkitVisibilityState は、現在の状態を示す文字列(visiblehiddenprerendered のいずれか)を返します。ユーザーがアプリのタブを開いたときやタブから離れたときなど、これらのいずれかが変更されると、新しい webkitvisibilitychange イベントが発生します。

試してみたい場合は、visibility.js をご覧ください。このライブラリは、API に少し機能を追加して、インタラクションをより楽しく視聴できるようにします。