FilesExpand file tree

 master

/

sw.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

104 lines (94 loc) · 2.7 KB

 master

/

sw.js

Copy path

Top

File metadata and controls

• Code
• Blame

104 lines (94 loc) · 2.7 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

// CodeClub Service Worker

const CACHE_NAME = 'codeclub-v1';

const urlsToCache = [

'/',

'/index.html',

'/nav.html',

'/about.html',

'/contact.html',

'/book.html',

'./img/logo.png',

'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap',

'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css',

];

// 安装 Service Worker

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

event.waitUntil(

caches

.open(CACHE_NAME)

.then((cache) => {

return cache.addAll(urlsToCache);

})

.catch((err) => {

console.error('Failed to cache:', err);

})

);

self.skipWaiting();

});

// 激活 Service Worker

self.addEventListener('activate', (event) => {

event.waitUntil(

caches.keys().then((cacheNames) => {

return Promise.all(

cacheNames.map((cacheName) => {

if (cacheName !== CACHE_NAME) {

return caches.delete(cacheName);

}

})

);

})

);

self.clients.claim();

});

// 拦截请求

self.addEventListener('fetch', (event) => {

// 跳过非 GET 请求

if (event.request.method !== 'GET') {

return;

}

// 跳过外部请求

if (!event.request.url.startsWith(self.location.origin)) {

return;

}

event.respondWith(

caches

.match(event.request)

.then((cachedResponse) => {

if (cachedResponse) {

// 返回缓存并异步更新

event.waitUntil(updateCache(event.request));

return cachedResponse;

}

// 缓存未命中，发起网络请求

return fetchAndCache(event.request);

})

.catch(() => {

// 离线时返回基本页面

if (event.request.destination === 'document') {

return caches.match('/index.html');

}

})

);

});

// 从网络获取并缓存

async function fetchAndCache(request) {

const response = await fetch(request);

// 只缓存成功的响应

if (response.ok) {

const cache = await caches.open(CACHE_NAME);

cache.put(request, response.clone());

}

return response;

}

// 更新缓存

async function updateCache(request) {

try {

const response = await fetch(request);

if (response.ok) {

const cache = await caches.open(CACHE_NAME);

await cache.put(request, response);

}

} catch (err) {

// Silent fail for cache updates

}

}