rename offline to preloader
This commit is contained in:
@@ -6,7 +6,7 @@
|
|||||||
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
|
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
|
||||||
<meta name="theme-color" content="#121212" media="(prefers-color-scheme: dark)" />
|
<meta name="theme-color" content="#121212" media="(prefers-color-scheme: dark)" />
|
||||||
<title>Загрузка… — НаСвязи</title>
|
<title>Загрузка… — НаСвязи</title>
|
||||||
<link rel="stylesheet" href="/css/offline.css" />
|
<link rel="stylesheet" href="/css/preloader.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="loader">
|
<div id="loader">
|
||||||
@@ -1,8 +1,8 @@
|
|||||||
// const VER = 18
|
// const VER = 18
|
||||||
|
|
||||||
const CACHE_NAME = 'cache-v1'
|
const CACHE_NAME = 'cache-v1'
|
||||||
const TEMP_PAGE_URL = '/offline.html'
|
const TEMP_PAGE_URL = '/preloader.html'
|
||||||
const STATIC_ASSETS = [TEMP_PAGE_URL, '/css/offline.css']
|
const STATIC_ASSETS = [TEMP_PAGE_URL, '/css/preloader.css']
|
||||||
|
|
||||||
self.addEventListener('install', (event) => {
|
self.addEventListener('install', (event) => {
|
||||||
event.waitUntil(caches.open(CACHE_NAME).then((cache) => cache.addAll(STATIC_ASSETS)))
|
event.waitUntil(caches.open(CACHE_NAME).then((cache) => cache.addAll(STATIC_ASSETS)))
|
||||||
@@ -31,10 +31,10 @@ self.addEventListener('fetch', (event) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (event.request.mode === 'navigate') {
|
if (event.request.mode === 'navigate') {
|
||||||
// Для навигационных запросов сначала отдаём `/offline.html`, пока основная страница загружается
|
// Для навигационных запросов сначала отдаём `/preloader.html`, пока основная страница загружается
|
||||||
event.respondWith(handleNavigationRequest(event.request))
|
event.respondWith(handleNavigationRequest(event.request))
|
||||||
} else if (STATIC_ASSETS.includes(url.pathname)) {
|
} else if (STATIC_ASSETS.includes(url.pathname)) {
|
||||||
// Кэшируем только offline.html и его CSS
|
// Кэшируем только preloader.html и его CSS
|
||||||
event.respondWith(caches.match(event.request))
|
event.respondWith(caches.match(event.request))
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user