1
{
2
    "lang": "en-us",
3
    "name": "逆行时光",
4
    "short_name": "逆行时光",
5
    "description": "个人主页",
6
    "start_url": "/",
7
    "background_color": "#fff",
8
    "theme_color": "#fff",
9
    "orientation": "any",
10
    "display": "standalone",
11
    "icons": [
12
        {
13
            "src": "/icon.png",
14
            "sizes": "512x512"
15
        }
16
    ]
17
}

1
const CACHE_NAME = 逆行时光;
2

3
// Use the install event to pre-cache all initial resources.
4
self.addEventListener('install', event => {
5
  event.waitUntil((async () => {
6
    const cache = await caches.open(CACHE_NAME);
7
    cache.addAll([
8
      '/',
9
      '/index.js',
10
      '/index.css'
11
    ]);
12
  })());
13
});
14

15
self.addEventListener('fetch', event => {
16
  event.respondWith((async () => {
17
    const cache = await caches.open(CACHE_NAME);
18

19
    // Get the resource from the cache.
20
    const cachedResponse = await cache.match(event.request);
21
    if (cachedResponse) {
22
      return cachedResponse;
23
    } else {
24
        try {
25
          // If the resource was not in the cache, try the network.
26
          const fetchResponse = await fetch(event.request);
27

28
          // Save the resource in the cache and return it.
29
          cache.put(event.request, fetchResponse.clone());
30
          return fetchResponse;
31
        } catch (e) {
32
          // The network failed.
33
        }
34
    }
35
  })());
36
});

1
  if('serviceWorker' in navigator) {
2
    navigator.serviceWorker.register('/sw.js', { scope: '/' });
3
  }