У меня есть одностраничный сайт на bootstrap, превращенный в PWA. Ключевой элемент сайта - регулярно обновляющееся из БД расписание ближайших событий для моих клиентов. Но когда я ставлю получившееся PWA на смартфон, контент сайта же кешируется и при следующих открытиях со смартфона остается прежним, расписание таким образом не обновляется.
Вопрос, как мне в PWA принудительным образом при каждом открытии требовать обновление содержимого 1 конкретного div? Это получится с помощью Ajax или еще как? Не пинайте сильно, только приступил к изучению технологии PWA. Спасибо!
UPD. Я прописал в сервис воркере (sw.js) стратегию кеширования "сначала сеть - потом кеш". Это оно?
self.addEventListener('fetch', function (event) {
event.respondWith(
fetch(event.request).catch(function() {
return caches.match(event.request)
})
)
})