From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/api/serviceworker/index.html | 105 ++++++++++++++++++++++++++++++ 1 file changed, 105 insertions(+) create mode 100644 files/ru/web/api/serviceworker/index.html (limited to 'files/ru/web/api/serviceworker/index.html') diff --git a/files/ru/web/api/serviceworker/index.html b/files/ru/web/api/serviceworker/index.html new file mode 100644 index 0000000000..06cb74c21c --- /dev/null +++ b/files/ru/web/api/serviceworker/index.html @@ -0,0 +1,105 @@ +--- +title: ServiceWorker +slug: Web/API/ServiceWorker +translation_of: Web/API/ServiceWorker +--- +
{{APIRef("Service Workers API")}}
+ +
+ +

Интерфейс ServiceWorker, являющийся частью ServiceWorker API, позволяет взаимодействовать с Service Worker. К одному Service Worker могут быть привязаны несколько контекстов (например страниц, Web Workers, и т.д.), каждый с использованием собственного объекта ServiceWorker.

+ +

Объект ServiceWorker можно получить через свойства {{domxref("ServiceWorkerRegistration.active")}} и {{domxref("ServiceWorkerContainer.controller")}} — это Service Worker, который активировал и контролирует текущую страницу (в случае, если Service Worker был успешно зарегистрирован и страница была обновлена)

+ +

Интерфейс ServiceWorker обрабатывает события жизненного цикла: install и activate и функциональные события, например fetch. Объект ServiceWorker также содержит опцию {{domxref("ServiceWorker.state")}}, отражающую его состояние.

+ +

Свойства

+ +

Интерфейс ServiceWorker наследует свойства {{domxref("Worker")}}.

+ +
+
{{domxref("ServiceWorker.scriptURL")}} {{readonlyinline}}
+
URL кода для данного Service Worker. URL должен находиться в том же домене, что и документ, регистрирующий ServiceWorker.
+
{{domxref("ServiceWorker.state")}} {{readonlyinline}}
+
Состояние данного Service Worker. Может иметь следующие значения: installing, installed, activating, activated или redundant.
+
+ +

Обработчики событий

+ +
+
{{domxref("ServiceWorker.onstatechange")}} {{readonlyinline}}
+
Срабатывает при срабатывании события statechange; По сути, срабатывает при каждом изменении {{domxref("ServiceWorker.state")}}.
+
+ +

Методы

+ +

Интерфейс ServiceWorker наследует все методы интерфейса {{domxref("Worker")}}, кроме {{domxref("Worker.terminate")}}, который не должен быть доступен для Service Worker.

+ +

Примеры

+ +

Этот фрагмент кода из примера событий Service Worker (демо). Данный код возвращает значение {{domxref("ServiceWorker.state")}} при каждом изменении состояния.

+ +
if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('service-worker.js', {
+        scope: './'
+    }).then(function (registration) {
+        var serviceWorker;
+        if (registration.installing) {
+            serviceWorker = registration.installing;
+            document.querySelector('#kind').textContent = 'installing';
+        } else if (registration.waiting) {
+            serviceWorker = registration.waiting;
+            document.querySelector('#kind').textContent = 'waiting';
+        } else if (registration.active) {
+            serviceWorker = registration.active;
+            document.querySelector('#kind').textContent = 'active';
+        }
+        if (serviceWorker) {
+            // logState(serviceWorker.state);
+            serviceWorker.addEventListener('statechange', function (e) {
+                // logState(e.target.state);
+            });
+        }
+    }).catch (function (error) {
+        // Произошла ошибка при регистрации Service Worker.
+        // Файл service-worker.js может быть недоступным или содержать ошибки синтаксиса.
+    });
+} else {
+    // Данный браузер не поддерживает Service Worker.
+}
+ +

Спецификации

+ + + + + + + + + + + + + + +
СпецификацияСтатусКомментарии
{{SpecName('Service Workers', '#serviceworker', 'ServiceWorker')}}{{Spec2('Service Workers')}}Изначальное определение.
+ +

Поддержка

+ +
+ + +

{{Compat("api.ServiceWorker")}}

+
+ +

Смотрите Также

+ + -- cgit v1.2.3-54-g00ecf