Spec-Zone.ru › Web APIs

ServiceWorkerGlobalScope: событие backgroundfetchclick

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает во всех распространённых браузерах.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Экспериментально: Это экспериментальная технология .
Перед использованием в рабочей среде тщательно проверьте таблицу совместимости браузеров .

Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.

Примечание: Эта функция доступна только в службах Service Workers.

Событие backgroundfetchclick интерфейса ServiceWorkerGlobalScope срабатывает, когда пользователь нажимает на элемент пользовательского интерфейса, предоставляемый браузером, для отображения прогресса операции background fetch.

Это событие не может быть отменено и не распространяется.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.

addEventListener("backgroundfetchclick", (event) => {});

onbackgroundfetchclick = (event) => {};

Тип события

Объект BackgroundFetchEvent.

Событие ExtendableEvent 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");
  }
});

Спецификации

Спецификация
Background Fetch
# dom-serviceworkerglobalscope-onbackgroundfetchclick

Совместимость браузеров

Десктоп Мобильные
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 Нет

См. также

  • API Background Fetch

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API