document.visibilityState 監聽瀏覽器最小化

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

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

hidden：頁面在后台標簽頁中或者瀏覽器最小化

visible：頁面在前台標簽頁中

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

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

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

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

 

1 document.addEventListener('visibilitychange', function() {
2   var isHidden = document.hidden;
3   if (isHidden) {
4     document.title = '當焦點不在當前窗口時的網頁標題';
5   } else {
6     document.title = '再變回來或者做點其他的';
7   }
8 });

 只要懂得了原理, 怎么做都隨你!~