Q&A
その「諸事情」は、どのようなものでしょうか？
質問したい事
諸事情によりService workerをインストール完了した後に、HTML <body>内の読み込みを開始したいのですが、やり方が分からず、分かる方がいれば教えて頂けないでしょうか
対象のコード
HTML
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <script src="./sw.js"></script> 7</head> 8<body> 9 <h1>sample</h1> 10</body> 11</html>
javascript
1if ("serviceWorker" in navigator) { 2 navigator.serviceWorker 3 .register("./sw.js") 4 .then(console.log) 5 .catch(console.error); 6} 7self.addEventListener("install", function (event) { 8 event.waitUntil(caches.open("v1").then(cache => cache.addAll([***]))); 9}); 10
流れのイメージ
- Service workerの登録
- インストール処理
- <body>内の読み込み
詰まっている点
Javascript側のコードが非同期で読み込まれてしまう為、どうしても<body>の読み込みが先に始まってしまいます。
よろしくお願いします
あなたの回答
tips
プレビュー
