ServiceWorkerGlobalScope: activate イベント
activate
は ServiceWorkerGlobalScope
インターフェイスのイベントで、ServiceWorkerRegistration
が新しいアクティブワーカー(ServiceWorkerRegistration.active
worker)を取得すると発生します。
このイベントはキャンセル不可で、バブリングしません。
構文
このイベント名を addEventListener()
等のメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
addEventListener('activate', (event) => { });
onactivate = (event) => { };
イベント型
ExtendableEvent
です。 Event
を継承しています。
イベントプロパティ
固有のプロパティは実装していませんが、親である Event
からプロパティを継承しています。
例
次のスニペットは、activate
イベントハンドラーを使用してキャッシュをアップグレードする方法を示しています。
globalScope.addEventListener('activate', (event) => {
const cacheAllowlist = ['v2'];
event.waitUntil(
caches.forEach((cache, cacheName) => {
if (!cacheAllowlist.includes(cacheName)) {
return caches.delete(cacheName);
}
})
);
});
次のように onactivate
プロパティを使用してイベントハンドラーを設定することもできます。
globalScope.onactivate = (event) => {
// ...
};
仕様書
Specification |
---|
Service Workers # service-worker-global-scope-activate-event |
Service Workers # dom-serviceworkerglobalscope-onactivate |
ブラウザーの互換性
BCD tables only load in the browser