Wie kann JavaScript Inaktivität im Browserfenster erkennen?

Inaktivität von Browserfenstern mithilfe von JavaScript erkennen

Die Feststellung, ob ein Browserfenster nicht aktiv im Fokus ist, ist für die Optimierung von Leistung und Benutzererfahrung von entscheidender Bedeutung. JavaScript bietet mehrere Optionen, um dies zu erreichen.

Page Visibility API

Die Page Visibility API bietet eine zuverlässige Methode zur Erkennung, wenn eine Seite für den Benutzer verborgen wird. Diese API wird von den meisten modernen Browsern unterstützt, einschließlich Chrome, Firefox und Internet Explorer.

Um die Seitensichtbarkeits-API zu verwenden, fügen Sie den folgenden Ereignis-Listener hinzu:

document.addEventListener("visibilitychange", onchange);

Innerhalb der onchange-Funktion , können Sie die Eigenschaft document.visibilityState überprüfen, um festzustellen, ob die Seite ausgeblendet oder sichtbar ist:

function onchange(evt) {
  if (document.visibilityState == "hidden") {
    // Page is not active
  } else {
    // Page is active
  }
}

Fallback to Unschärfe-/Fokus-Ereignisse

Für Browser, die die Page Visibility API nicht unterstützen, können Sie auf die Verwendung von Unschärfe- und Fokus-Ereignissen zurückgreifen. Diese Methode ist weniger zuverlässig, da sie möglicherweise ausgelöst wird, wenn der Benutzer die Registerkarte wechselt oder ein modales Fenster öffnet.

Um die Unschärfe-/Fokus-Ereignisse zu verwenden, fügen Sie die folgenden Ereignis-Listener hinzu:

window.onblur = function() {
  // Window is not active
};

window.onfocus = function() {
  // Window is active
};

Kompatibilitätsüberlegungen

Die Seitensichtbarkeits-API wird von den meisten gängigen Browsern unterstützt, während die Unschärfe-/Fokus-Ereignisse von allen modernen unterstützt werden Browser. Für maximale Kompatibilität sollten Sie die Verwendung der Seitensichtbarkeits-API (falls unterstützt) in Betracht ziehen und andernfalls auf die Unschärfe-/Fokus-Ereignisse zurückgreifen.

Durch die Implementierung dieser Techniken können Sie effektiv erkennen, wenn ein Browserfenster nicht aktiv im Fokus ist, und Ihre anpassen JavaScript entsprechend, um die Leistung und Benutzererfahrung auf Ihrer Website zu verbessern.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript Inaktivität im Browserfenster erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!