トップページ > コンテンツ > プログラミング入門 > Ajax入門 > JavaScript入門 > HTML5 > Service Worker > Service Worker登録

2回目以降のロードで有効になるので、リロードして動作確認すること。
self.clients.claim()を使って、1回目のロードから有効になるかは調査中。

/*serviceWorker登録元js*/ 
if('serviceWorker' in navigator) {
      console.log("serviceWorkerに対応");

      navigator.serviceWorker.register('./serviceWork.js')
      .then(function(registration) {
           console.log("serviceWork登録完了",registration.scope);
      })
      .catch(function(err) {
           console.log("serviceWorker登録失敗",err);
      });
} else {
     console.log("serviceWorker非対応");
}

/*serviceWorker登録例*/
//最初にインストールされる
self.oninstall = function() {
}
//次にactivateされる
self.onactivate = function() {
}
//fetchして、メッセージを書き換えたり。
self.onfetch = function(event) {
   event.respondWith(
       new Response('レスポンステスト'));
}

chrome://serviceworker-internals/から削除。