ExtendableEvent

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

The ExtendableEvent interface extends the lifetime of the install and activate events dispatched on the global scope as part of the service worker lifecycle. This ensures that any functional events (like FetchEvent) are not dispatched until it upgrades database schemas and deletes the outdated cache entries.

If waitUntil() is called outside of the ExtendableEvent handler, the browser should throw an InvalidStateError; note also that multiple calls will stack up, and the resulting promises will be added to the list of extend lifetime promises.

Note: The behaviour described in the above paragraph was fixed in Firefox 43 (see баг 1180274.)

This interface inherits from the Event interface.

Note: This interface is only available when the global scope is a ServiceWorkerGlobalScope. It is not available when it is a Window, or the scope of another kind of worker.

Constructor

ExtendableEvent()
Creates a new ExtendableEvent object.

Properties

Doesn't implement any specific properties, but inherits properties from its parent, Event.

Methods

Inherits methods from its parent, Event.

ExtendableEvent.waitUntil()

Extends the lifetime of the event.  It is intended to be called in the install EventHandler for the installing worker and on the activate EventHandler for the active worker.

Examples

This code snippet is from the service worker prefetch sample (see prefetch example live.) The code calls ExtendableEvent.waitUntil() in ServiceWorkerGlobalScope.oninstall, delaying treating the ServiceWorkerRegistration.installing worker as installed until the passed promise resolves successfully. The promise resolves when all resources have been fetched and cached, or else when any exception occurs.

The code snippet also shows a best practice for versioning caches used by the service worker. Though there's only one cache in this example, the same approach can be used for multiple caches. It maps a shorthand identifier for a cache to a specific, versioned cache name.

Note: In Chrome, logging statements are visible via the "Inspect" interface for the relevant service worker accessed via chrome://serviceworker-internals.

var CACHE_VERSION = 1;
var CURRENT_CACHES = {
  prefetch: 'prefetch-cache-v' + CACHE_VERSION
};

self.addEventListener('install', function(event) {
  var urlsToPrefetch = [
    './static/pre_fetched.txt',
    './static/pre_fetched.html',
    'https://www.chromium.org/_/rsrc/1302286216006/config/customLogo.gif'
  ];

  console.log('Handling install event. Resources to pre-fetch:', urlsToPrefetch);

  event.waitUntil(
    caches.open(CURRENT_CACHES['prefetch']).then(function(cache) {
      return cache.addAll(urlsToPrefetch.map(function(urlToPrefetch) {
        return new Request(urlToPrefetch, {mode: 'no-cors'});
      })).then(function() {
        console.log('All resources have been fetched and cached.');
      });
    }).catch(function(error) {
      console.error('Pre-fetching failed:', error);
    })
  );
});
Important: When fetching resources, it's very important to use {mode: 'no-cors'} if there is any chance that the resources are served off of a server that doesn't support CORS. In this example, www.chromium.org doesn't support CORS.

Specifications

Specification Status Comment
Service Workers
Определение 'ExtendableEvent' в этой спецификации.
Рабочий черновик Initial definition.

Browser compatibility

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
ExtendableEvent
Экспериментальная
Chrome Полная поддержка 40Edge Полная поддержка 17Firefox Полная поддержка 44
Замечания
Полная поддержка 44
Замечания
Замечания Extended Support Releases (ESR) before Firefox 78 ESR do not support service workers and the Push API.
IE Нет поддержки НетOpera Полная поддержка 24Safari Нет поддержки НетWebView Android Полная поддержка 40Chrome Android Полная поддержка 40Firefox Android Полная поддержка 44Opera Android Полная поддержка 24Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 4.0
ExtendableEvent() constructor
Экспериментальная
Chrome Полная поддержка 40Edge Полная поддержка 17Firefox Полная поддержка 44
Замечания
Полная поддержка 44
Замечания
Замечания Extended Support Releases (ESR) before Firefox 78 ESR do not support service workers and the Push API.
IE Нет поддержки НетOpera Полная поддержка 24Safari Нет поддержки НетWebView Android Полная поддержка 40Chrome Android Полная поддержка 40Firefox Android Полная поддержка 44Opera Android Полная поддержка 24Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 4.0
waitUntil
Экспериментальная
Chrome Полная поддержка 40Edge Полная поддержка 17Firefox Полная поддержка 44IE Нет поддержки НетOpera Полная поддержка 24Safari Нет поддержки НетWebView Android Полная поддержка 40Chrome Android Полная поддержка 40Firefox Android Полная поддержка 44Opera Android Полная поддержка 24Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 4.0

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Смотрите замечания реализации.
Смотрите замечания реализации.

See also