html5界面可視化事件

使用html5的Page Visibility API來實現

這個 API 自己很是簡單，由如下三部分組成。

document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在後臺標籤頁中 或者 瀏覽器最小化 （注意，頁面被其餘軟件遮蓋並不算隱藏，好比打開的 sublime 遮住了瀏覽器）。

document.visibilityState：表示下面 4 個可能狀態的值

hidden：頁面在後臺標籤頁中或者瀏覽器最小化

visible：頁面在前臺標籤頁中

prerender：頁面在屏幕外執行預渲染處理 document.hidden 的值爲 true

unloaded：頁面正在從內存中卸載

Visibilitychange事件：當文檔從可見變爲不可見或者從不可見變爲可見時，會觸發該事件。

這樣，咱們能夠監聽 Visibilitychange 事件，當該事件觸發時，獲取 document.hidden 的值，根據該值進行頁面一些事件的處理。