多分頁瀏覽已成為常態,因此您不能假設使用者會因為應用程式正在執行,就觀看您的應用程式。幸運的是,新的 Page Visibility API 可讓應用程式偵測是否可見。您可以使用 API 減少不必要的網路活動和運算。
document.webkitHidden
是布林值,指出目前網頁是否隱藏 (如果您使用的是最新版本的 Chromium,現在就可以在主控台中試試)。document.webkitVisibilityState
會傳回字串,指出目前狀態 (visible
、hidden
或 prerendered
之一)。當發生任何變更時 (例如使用者開啟或離開應用程式分頁),系統就會觸發新的 webkitvisibilitychange
事件。
如果您有興趣試試這個方法,請查看 visibility.js,這個工具可為 API 增添一些功能,讓觀看這些互動更加有趣。