Как остановить старых работников службы поддержки?

Question

На приведенном ниже рисунке показано, что установлены два рабочих - один активный, а другой неактивен (только что установлен).

1. Зарегистрировать службы работника
2. Вносить изменения в service-worker.js и перезагрузите страницу.
3. Логика заключается в том, что сервис-работники проверяют двоичную разницу и обновляют версии рабочих.

Таким образом, новый сервисный работник создается с новым идентификатором версии. Но почему старый работает? и как его закрыть?

sw.js здесь https://gist.github.com/boopathi/57b7e8b6d657d55bdc7d

Answer 1

По умолчанию, пока все вкладки, которые имеют страницы контролируемые что старый работник службы закрыты/порожнее, старый работник службы останется работать. Новый сервисный работник будет, ну, «ждать» в «ожидающем» состоянии.

Есть варианты, которые изменяют это поведение по умолчанию. Это skipWaiting() и clients.claim().

Когда skipWaiting() вызывается у установочного работника службы, он, ну, пропускает состояние ожидания и немедленно активируется. Тем не менее, он не обязательно будет контролировать страницы, несмотря на то, что активирован - вот что будет делать clients.claim().