Skip to content

Instantly share code, notes, and snippets.

@jp26jp
Created August 7, 2016 20:13
Show Gist options
  • Save jp26jp/23d771f012e6765f9edf9cb58b2e104e to your computer and use it in GitHub Desktop.
Save jp26jp/23d771f012e6765f9edf9cb58b2e104e to your computer and use it in GitHub Desktop.
Find whether a tab is visible with Page Visibility API
var hidden, visibilityState, visibilityChange;
if (typeof document.hidden !== "undefined") {
hidden = "hidden", visibilityChange = "visibilitychange", visibilityState = "visibilityState";
}
else if (typeof document.mozHidden !== "undefined") {
hidden = "mozHidden", visibilityChange = "mozvisibilitychange", visibilityState = "mozVisibilityState";
}
else if (typeof document.msHidden !== "undefined") {
hidden = "msHidden", visibilityChange = "msvisibilitychange", visibilityState = "msVisibilityState";
}
else if (typeof document.webkitHidden !== "undefined") {
hidden = "webkitHidden", visibilityChange = "webkitvisibilitychange", visibilityState = "webkitVisibilityState";
}
document.addEventListener(visibilityChange, function() {
switch (document[visibilityState]) {
case "visible":
console.log('visible');
amivisible = 'visible';
break;
case "hidden":
console.log('hidden');
amivisible = 'hidden';
break;
}
});
amivisible = document[visibilityState];
console.log(amivisible);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment