Update index.html
Browse files- index.html +0 -41
index.html
CHANGED
@@ -9,47 +9,6 @@
|
|
9 |
<button id="fetch-button">データ取得</button>
|
10 |
|
11 |
<script>
|
12 |
-
// 1. Service Worker のコードを文字列として用意
|
13 |
-
const swCode = `
|
14 |
-
self.addEventListener('install', event => {
|
15 |
-
console.log('[SW] Installed');
|
16 |
-
self.skipWaiting(); // 即時有効化(開発用)
|
17 |
-
});
|
18 |
-
|
19 |
-
self.addEventListener('activate', event => {
|
20 |
-
console.log('[SW] Activated');
|
21 |
-
event.waitUntil(self.clients.claim());
|
22 |
-
});
|
23 |
-
|
24 |
-
self.addEventListener('fetch', event => {
|
25 |
-
console.log('[SW] Fetch intercepted:', event.request.url);
|
26 |
-
});
|
27 |
-
`;
|
28 |
-
|
29 |
-
// 2. Blob を作成し、オブジェクトURLに変換
|
30 |
-
const blob = new Blob([swCode], { type: 'application/javascript' });
|
31 |
-
const blobUrl = URL.createObjectURL(blob);
|
32 |
-
|
33 |
-
// 3. Service Worker を登録
|
34 |
-
if ('serviceWorker' in navigator) {
|
35 |
-
navigator.serviceWorker.register(blobUrl)
|
36 |
-
.then(reg => {
|
37 |
-
console.log('[Main] Service Worker registered from Blob:', reg.scope);
|
38 |
-
})
|
39 |
-
.catch(err => {
|
40 |
-
console.error('[Main] Registration failed:', err);
|
41 |
-
});
|
42 |
-
}
|
43 |
-
|
44 |
-
// 4. デモ用:ボタンクリックで fetch 通信
|
45 |
-
document.getElementById('fetch-button').addEventListener('click', () => {
|
46 |
-
fetch('https://jsonplaceholder.typicode.com/posts/1')
|
47 |
-
.then(res => res.json())
|
48 |
-
.then(data => {
|
49 |
-
console.log('[Main] Fetched data:', data);
|
50 |
-
});
|
51 |
-
});
|
52 |
-
a();
|
53 |
</script>
|
54 |
</body>
|
55 |
</html>
|
|
|
9 |
<button id="fetch-button">データ取得</button>
|
10 |
|
11 |
<script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
12 |
</script>
|
13 |
</body>
|
14 |
</html>
|