Mit JavaScript lässt sich feststellen, ob das aktuelle Browserfenster (oder der aktuelle Browser-Tab) geöffnet ist oder nicht. Dafür gibt es den sog. „visibility state“ (dt. Sichtbarkeitsstatus). Dieser Status ist bereits in vielen Browsern implementiert und lässt sich wie folgt nutzen:
function onVisibilityChange(){ var visibilityState; // IE10 if(typeof document.visibilityState == "string") visibilityState = document.visibilityState; // Firefox else if(typeof document.mozVisibilityState == "string") visibilityState = document.mozVisibilityState; // Chrome else if(typeof document.webkitVisibilityState == "string") visibilityState = document.webkitVisibilityState; console.log("Visibility State: "+visibilityState); if(visibilityState == "visible"){ console.log("Browser tab is active."); }else if(visibilityState == "hidden"){ console.log("Browser tab is inactive"); } } // IE10 if(typeof document.visibilityState == "string") document.addEventListener("visibilitychange", onVisibilityChange, false); // Firefox else if(typeof document.mozVisibilityState == "string") document.addEventListener("mozvisibilitychange", onVisibilityChange, false); // Chrome else if(typeof document.webkitVisibilityState == "string") document.addEventListener("webkitvisibilitychange", onVisibilityChange, false); |