BackgroundFetchUpdateUIEvent: метод updateUI()
Ограниченное использование
Эта функция не является базовой, так как она не работает в некоторых из самых широко используемых браузеров.
Экспериментальная: Это экспериментальная технология .
Перед использованием в производстве внимательно проверьте таблицу совместимости браузеров.
Примечание: Эта функция доступна только в Service Workers.
Метод updateUI() интерфейса BackgroundFetchUpdateUIEvent обновляет заголовок и значок в пользовательском интерфейсе, чтобы отобразить состояние фонового запроса.
Этот метод может быть выполнен только один раз, чтобы уведомить пользователя об успешном или неудачном выполнении запроса.
Синтаксис
updateUI() updateUI(options)
Параметры
optionsНеобязательно-
Объект, содержащий любое из следующего:
iconsНеобязательно-
Список одного или нескольких ресурсов изображения, содержащих значки для использования в пользовательском интерфейсе. Ресурс изображения — это объект, содержащий:
src-
Строка, представляющая URL изображения.
sizesНеобязательно-
Строка, эквивалентная атрибуту
sizesэлемента<link>. typeНеобязательно-
Строка, содержащая MIME-тип изображения.
labelНеобязательно-
Строка, предоставляющая имя связанного изображения.
titleНеобязательно-
Строка, содержащая новый заголовок пользовательского интерфейса.
Значение возврата
Объект Promise.
Исключения
-
InvalidStateErrorDOMException -
Выбрасывается, если выполняется одно из следующих условий:
- Свойство
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",
},
});
});
Спецификации
Совместимость браузеров
| Рабочий стол | Мобильный | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 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