plunkerでserviceworker

概要

plunkerでserviceworker、やってみた。
codepenでは、出来ない。
activateで、postMessageする。

写真

サンプルコード

self.addEventListener('install', event => {
    self.skipWaiting();
});

self.addEventListener('activate', event => {
    event.waitUntil(self.clients.claim().then(() => {
        return self.clients.matchAll();
    }).then(clients => {
        clients.forEach(client => {
            client.postMessage('>>> Hello, ServiceWorker');
        });
    }));
});

成果物

以上。