ServiceWorkerGlobalScope: periodicsync-Ereignis

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Hinweis: Diese Funktion ist nur in Service Workers verfügbar.

Das periodicsync-Ereignis des ServiceWorkerGlobalScope-Interfaces wird in festgelegten Zeitintervallen ausgelöst, die bei der Registrierung eines PeriodicSyncManager angegeben werden.

Dieses Ereignis kann nicht abgebrochen werden und löst keine Bubbling aus.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

js
addEventListener("periodicsync", (event) => {});

onperiodicsync = (event) => {};

Ereignistyp

Ein PeriodicSyncEvent. Erbt von Event.

Event ExtendableEvent PeriodicSyncEvent

Ereigniseigenschaften

Erbt Eigenschaften von seinem Vorfahren, Event.

PeriodicSyncEvent.tag Schreibgeschützt

Gibt den entwicklerdefinierten Bezeichner für dieses PeriodicSyncEvent zurück. Mehrere Tags können von der Web-App verwendet werden, um verschiedene periodische Aufgaben mit unterschiedlichen Frequenzen auszuführen.

Beispiele

Das folgende Beispiel zeigt, wie auf ein periodisches Synchronisierungsereignis im Service Worker reagiert wird.

js
self.addEventListener("periodicsync", (event) => {
  if (event.tag === "get-latest-news") {
    event.waitUntil(fetchAndCacheLatestNews());
  }
});

Sie können den Ereignis-Handler auch mit der onperiodicsync-Eigenschaft einrichten:

js
self.onperiodicsync = (event) => {
  // ...
};

Spezifikationen

Specification
Web Periodic Background Synchronization
# periodicsync-event
Web Periodic Background Synchronization
# dom-serviceworkerglobalscope-onperiodicsync

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch