Bemerken ob Browser-Tab geöffnet ist oder nicht

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);

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.