检查选项卡是否打开为活动状态

Question

I need determine, if current page is active. I know i can find if tab get/lost focus with this answer:

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

It is ok, if tab state change, BUT i need to get initial value. There is a few ways to open page:

• going by link in this active tab
• open in new tab
• open in new background tab

I understand, that page need some time to load. So I need to get this value after DOM loaded. Is there any way to find this value?

Answer 1

Try 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
}

See the compatibility