ServiceWorkerGlobalScope: backgroundfetchclick Ereignis
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
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 backgroundfetchclick-Ereignis der ServiceWorkerGlobalScope-Schnittstelle wird ausgelöst, wenn der Benutzer auf die Benutzeroberfläche klickt, die der Browser bereitstellt, um dem Benutzer den Fortschritt der Hintergrundabruf-Operation anzuzeigen.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergegeben.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("backgroundfetchclick", (event) => { })
onbackgroundfetchclick = (event) => { }
Ereignistyp
Ein BackgroundFetchEvent.
Beschreibung
Wenn eine Hintergrundabruf-Operation startet, zeigt der Browser ein UI-Element an, um dem Benutzer den Fortschritt der Operation anzuzeigen. Wenn der Benutzer auf dieses Element klickt, startet der Browser den Service Worker, falls erforderlich, und löst das backgroundfetchclick-Ereignis im globalen Bereich des Service Workers aus.
Eine häufige Aufgabe für den Handler in dieser Situation ist es, ein Fenster zu öffnen, das dem Benutzer mehr Details über die Abrufoperation gibt.
Beispiele
Öffnen eines Fensters mit mehr Details
Dieser Ereignishandler verwendet die globale clients-Eigenschaft, um ein Fenster zu öffnen, das dem Benutzer mehr Details über den Abruf gibt. Es öffnet ein anderes Fenster, je nachdem, ob der Abruf abgeschlossen ist oder nicht.
addEventListener("backgroundfetchclick", (event) => {
const registration = event.registration;
if (registration.result === "success") {
clients.openWindow("/play-movie");
} else {
clients.openWindow("/movie-download-progress");
}
});
Spezifikationen
| Spezifikation |
|---|
| Background Fetch # dom-serviceworkerglobalscope-onbackgroundfetchclick |