--- title: ServiceWorkerGlobalScope.onactivate slug: Web/API/ServiceWorkerGlobalScope/onactivate tags: - API - Property - Reference - Service - ServiceWorker - ServiceWorkerGlovalScope - Worker - onactivate translation_of: Web/API/ServiceWorkerGlobalScope/onactivate ---
{{SeeCompatTable}}{{APIRef("Service Workers API")}}

{{domxref("ServiceWorkerGlobalScope")}} インターフェースの onactivate プロパティは、（Service Worker がアクティブになったときの）{{Event("activate")}} イベントが発生したとき常に発火されるイベントハンドラーです。これは、Service Worker に制御されたページがリフレッシュされるインストール後に発生します。

構文

ServiceWorkerGlobalScope.onactivate = function(event) { ... };
ServiceWorkerGlobalScope.addEventListener('activate', function(event) { ... });

例

次のスニペットは、Using Service Workers のものです; 詳細はそちらを見てください。

this.addEventListener('activate', function(event) {
  var cacheWhitelist = ['v2'];

  event.waitUntil(
    caches.forEach(function(cache, cacheName) {
      if (cacheWhitelist.indexOf(cacheName) == -1) {
        return caches.delete(cacheName);
      }
    })
  );
});

仕様

仕様 ステータス コメント
{{SpecName('Service Workers', '#service-worker-global-scope-event-handlers', 'Event Handlers')}} {{Spec2('Service Workers')}} 初期定義。

ブラウザー実装状況

{{Compat("api.ServiceWorkerGlobalScope.onactivate")}}

関連項目