サービスワーカーを使用して、自分のサイトの最初の負荷でリクエストを傍受しますか？

Question

TL; DR - 最初に更新した後ではなく、サービス担当者が初めてサイトにアクセスした直後にサービスを開始します。

詳細：

私はサービス労働者を使用してプログレッシブWebアプリケーションを構築していますが、ユーザーがページを更新するまで（SWがインストールされている）最初の負荷に、それはすべてのネットワーク要求をインターセプトしないことに気づきました。

サービスワーカーは、インストール後すぐに要求を傍受することができますか？

Answer 1

確かに、下記のようにskipWaitingとclients.claimの組み合わせを使用することができます。

これにより、サービスワーカーはすぐにページからのネットワーク要求を制御します。

self.addEventListener('install', event => { 
    // Bypass the waiting lifecycle stage, 
    // just in case there's an older version of this SW registration. 
    event.waitUntil(self.skipWaiting()); 
}); 

self.addEventListener('activate', event => { 
    // Take control of all pages under this SW's scope immediately, 
    // instead of waiting for reload/navigation. 
    event.waitUntil(self.clients.claim()); 
});