обновить скрипты, импортированные с importScripts в сервисный работник

Question

У меня есть сайт, который имеет службы работника, как:

// Import a script from another domain 
importScripts('https://example.com/script.js') 

Предположим, что script.js обновляется с некоторым новым кодом и работником службы активируется за счет толкающего события (пользователь тем временем не посетил мой сайт снова).

importScripts проверяет наличие обновлений при каждом запуске сервисного работника или загружает script.js только один раз, когда рабочий-сервис впервые установлен?

Есть ли способ обновить код сервисного работника (и, в частности, импортированные сценарии) каждый раз, когда рабочий-сервис получает push-сообщение?

Answer 1

С Service Workers specification скрипты, импортированные через importScripts, сохраняются на карте при установке/обновлении Service Worker и затем повторно используются до нового обновления. Там есть discussion on GitHub с более подробной информацией.

Я не могу придумать способ перезагрузки импортированных скриптов, когда рабочий-сервис получает push-сообщение. Каков ваш прецедент?

Answer 2

Можно заставить браузер повторно проверить/проверить, был ли обновлен код, включенный через importScripts(), путем динамического создания URL-адреса рабочего стола, если это изменяется каждый час, тогда браузер загрузит и установит «нового» рабочего, включая все импортированные скрипты.

Следующий код будет вызывать браузер для проверки всех зависимостей каждый час:

const MAXAGE = 3600; // seconds until recheck 
const URL = `/sw.js?q=${Math.floor(Date.now()/(MAXAGE * 1000))}`; 
navigator.serviceWorker.register(URL); 

Demo - откройте консоль JS и нажмите вокруг; вы должны увидеть, что импортированный скрипт перезагружается каждые 10 секунд.

(Это не решает полностью проблему (работник службы обновляется только, когда пользователь посещает страницу, не тогда, когда толчок уведомление принимается), но это может быть достаточно.)