document.visibilityState

document.visibilityState （只讀屬性）, 返回document的可見性, 即當前可見元素的上下文環境. 由此可以知道當前文檔(即為頁面)是在背后, 或是不可見的隱藏的標簽頁，或者(正在)預渲染.可用的值如下：

• visible : 此時頁面內容至少是部分可見. 即此頁面在前景標簽頁中，并且窗口沒有最小化.
• hidden : 此時頁面對用戶不可見. 即文檔處于背景標簽頁或者窗口處于最小化狀態，或者操作系統正處于 ‘鎖屏狀態’ .
• prerender : 頁面此時正在渲染中, 因此是不可見的 (considered hidden for purposes of document.hidden). 文檔只能從此狀態開始，永遠不能從其他值變為此狀態.注意: 瀏覽器支持是可選的.
• unloaded : 頁面從內存中卸載清除. 注意: 瀏覽器支持是可選的.

當此屬性的值改變時, 會遞交 visibilitychange 事件給Document 典型用法是防止當頁面正在渲染時加載資源,
或者當頁面在背景中或窗口最小化時禁止某些活動

添加監聽事件

document.addEventListener("visibilitychange", function() {console.log( document.visibilityState );// Modify behavior... })

總結

以上是生活随笔為你收集整理的获取当前窗口是否可见 document.visibilityState的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。