Spec-Zone.ru › Web APIs

BackgroundFetchUpdateUIEvent: метод updateUI()

Ограниченное использование

Эта функция не является базовой, так как она не работает в некоторых из самых широко используемых браузеров.

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

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

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

Метод updateUI() интерфейса BackgroundFetchUpdateUIEvent обновляет заголовок и значок в пользовательском интерфейсе, чтобы отобразить состояние фонового запроса.

Этот метод может быть выполнен только один раз, чтобы уведомить пользователя об успешном или неудачном выполнении запроса.

Синтаксис

updateUI()
updateUI(options)

Параметры

options Необязательно

Объект, содержащий любое из следующего:

icons Необязательно

Список одного или нескольких ресурсов изображения, содержащих значки для использования в пользовательском интерфейсе. Ресурс изображения — это объект, содержащий:

src

Строка, представляющая URL изображения.

sizes Необязательно

Строка, эквивалентная атрибуту sizes элемента <link>.

type Необязательно

Строка, содержащая MIME-тип изображения.

label Необязательно

Строка, предоставляющая имя связанного изображения.

title Необязательно

Строка, содержащая новый заголовок пользовательского интерфейса.

Значение возврата

Объект Promise.

Исключения

InvalidStateError DOMException

Выбрасывается, если выполняется одно из следующих условий:

  • Свойство isTrusted имеет значение false.
  • Флаг обновления пользовательского интерфейса BackgroundFetchUpdateUIEvent уже установлен, что указывает на то, что метод updateUI() уже был вызван.
  • BackgroundFetchUpdateUIEvent не активен.

Примеры

Следующий пример демонстрирует обновление пользовательского интерфейса с заголовком и значком изображения при успешном запросе.

addEventListener("backgroundfetchsuccess", (event) => {
  event.updateUI({
    title: "Episode 5 ready to listen!",
    icon: {
      src: "path/to/success.ico",
      sizes: "16x16 32x32 64x64",
    },
  });
});

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

Спецификация
Фоновый запрос
# background-fetch-update-ui-event-update-ui

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

Рабочий стол Мобильный
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
updateUI 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/BackgroundFetchUpdateUIEvent/updateUI

Spec-Zone.ru

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