ServiceWorkerContainer.ready
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.
ready は ServiceWorkerContainer インターフェイスの読み取り専用プロパティは、サービスワーカーがアクティブになるまでコードの実行を遅らせる方法を提供します。 決して拒否しない Promise を返し、現在のページに関連する ServiceWorkerRegistration がアクティブ（active）ワーカーを持つまで無期限に待機します。 その条件が満たされると、ServiceWorkerRegistration で解決されます。
値
Promise で、決して拒否されず、最終的には ServiceWorkerRegistration で解決される可能性があります。
例
js
if ("serviceWorker" in navigator) {
navigator.serviceWorker.ready.then((registration) => {
console.log("サービスワーカーがアクティブ:", registration.active);
// この時点で、registration.pushManager.subscribe() などの
// アクティブなサービスワーカーを必要とするメソッドを呼び出すことができます
});
} else {
console.error("サービスワーカーをサポートしていません。");
}
仕様書
| Specification |
|---|
| Service Workers # navigator-service-worker-ready |