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

Michael Mahemoff

多分頁瀏覽已成為常態,因此您不應假設使用者是因為應用程式正在執行而觀看應用程式。不過,新的 Page Visibility API 可讓您的應用程式探索其是否可見。您可以使用 API 減少不必要的網路活動和運算。

document.webkitHidden 是一個布林值,指出目前網頁是否已隱藏 (如果您使用新版 Chromium,現在可在控制台中嘗試)。document.webkitVisibilityState 會傳回代表目前狀態的字串,可以是 visiblehiddenprerendered 其中之一。每當使用者開啟應用程式的分頁或離開該分頁時,系統就會觸發新的 webkitvisibilitychange 事件。

如果你有興趣體驗這項功能,可以參考 visibility.js,並在 API 上增添一點糖果,讓觀看這類互動的過程更加有趣。