「Page Visibility API」- 我注意到了嗎？

多分頁瀏覽已成為常態，因此您不能假設使用者會因為應用程式正在執行，就觀看您的應用程式。幸運的是，新的 Page Visibility API 可讓應用程式偵測是否可見。您可以使用 API 減少不必要的網路活動和運算。

document.webkitHidden 是布林值，指出目前網頁是否隱藏 (如果您使用的是最新版本的 Chromium，現在就可以在主控台中試試)。document.webkitVisibilityState 會傳回字串，指出目前狀態 (visible、hidden 或 prerendered 之一)。當發生任何變更時 (例如使用者開啟或離開應用程式分頁)，系統就會觸發新的 webkitvisibilitychange 事件。

如果您有興趣試試這個方法，請查看 visibility.js，這個工具可為 API 增添一些功能，讓觀看這些互動更加有趣。