檢查選項卡是否打開為活動狀態

Question

我需要確定當前頁面是否處於活動狀態。 我知道我可以通過以下答案找到選項卡是否獲得焦點：

https://stackoverflow.com/a/1760268/449553

可以，如果選項卡狀態更改，但我需要獲取初始值。 有幾種打開頁面的方法：

• 通過此活動選項卡中的鏈接進行導航
• 在新標簽頁中打開
• 在新的背景標簽中打開

我了解，該頁面需要一些時間才能加載。 因此，我需要在DOM加載后獲取此值。 有什么辦法可以找到這個價值？

Answer 1

嘗試pagevisibility ：

var visibilityChange,hidden, state; 
if (typeof document.hidden !== "undefined") {
    hidden = "hidden";
    visibilityChange = "visibilitychange";
    state = "visibilityState";
} else if (typeof document.mozHidden !== "undefined") {
    hidden = "mozHidden";
    visibilityChange = "mozvisibilitychange";
    state = "mozVisibilityState";
} else if (typeof document.msHidden !== "undefined") {
    hidden = "msHidden";
    visibilityChange = "msvisibilitychange";
    state = "msVisibilityState";
} else if (typeof document.webkitHidden !== "undefined") {
    hidden = "webkitHidden";
    visibilityChange = "webkitvisibilitychange";
    state = "webkitVisibilityState";
}

document.addEventListener(visibilityChange, function() {
    document.title = document[state];
}, false);


document.title = document[state];
if(document[state]==="hidden"){
    //hidden
}else{
    //show
}

查看兼容性