ServiceWorkerGlobalScope: событие backgroundfetchclick
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает во всех распространённых браузерах.
Экспериментально: Это экспериментальная технология .
Перед использованием в рабочей среде тщательно проверьте таблицу совместимости браузеров .
Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.
Примечание: Эта функция доступна только в службах Service Workers.
Событие backgroundfetchclick интерфейса ServiceWorkerGlobalScope срабатывает, когда пользователь нажимает на элемент пользовательского интерфейса, предоставляемый браузером, для отображения прогресса операции background fetch.
Это событие не может быть отменено и не распространяется.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.
addEventListener("backgroundfetchclick", (event) => {});
onbackgroundfetchclick = (event) => {};
Тип события
Объект BackgroundFetchEvent.
Свойства события
Наследует свойства от родительского класса ExtendableEvent.
BackgroundFetchEvent.registration-
Возвращает
BackgroundFetchRegistration, диалог прогресса которого был нажат пользователем.
Описание
Когда операция background fetch запускается, браузер отображает элемент пользовательского интерфейса, чтобы показать пользователю прогресс операции. Если пользователь нажимает на этот элемент, браузер, при необходимости, запускает службу service worker и вызывает событие backgroundfetchclick в глобальном пространстве имён службы service worker.
Типичным действием обработчика в этом случае является открытие окна, предоставляющего пользователю больше информации об операции извлечения данных.
Примеры
Открытие окна с дополнительными подробностями
Этот обработчик событий использует свойство clients, чтобы открыть окно, предоставляющее пользователю больше информации об операции извлечения данных. Оно открывает различные окна в зависимости от того, завершилось ли извлечение данных.
addEventListener("backgroundfetchclick", (event) => {
const registration = event.registration;
if (registration.result === "success") {
clients.openWindow("/play-movie");
} else {
clients.openWindow("/movie-download-progress");
}
});
Спецификации
Совместимость браузеров
| Десктоп | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
backgroundfetchclick_event |
74 | 79 | Нет | 62 | Нет | 74 | Нет | 53 | Нет | 11.0 | Нет |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/backgroundfetchclick_event