From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/serviceworker/index.html | 110 --------------------- files/fr/web/api/serviceworker/index.md | 110 +++++++++++++++++++++ .../web/api/serviceworker/onstatechange/index.html | 73 -------------- .../web/api/serviceworker/onstatechange/index.md | 73 ++++++++++++++ 4 files changed, 183 insertions(+), 183 deletions(-) delete mode 100644 files/fr/web/api/serviceworker/index.html create mode 100644 files/fr/web/api/serviceworker/index.md delete mode 100644 files/fr/web/api/serviceworker/onstatechange/index.html create mode 100644 files/fr/web/api/serviceworker/onstatechange/index.md (limited to 'files/fr/web/api/serviceworker') diff --git a/files/fr/web/api/serviceworker/index.html b/files/fr/web/api/serviceworker/index.html deleted file mode 100644 index 97c6688183..0000000000 --- a/files/fr/web/api/serviceworker/index.html +++ /dev/null @@ -1,110 +0,0 @@ ---- -title: ServiceWorker -slug: Web/API/ServiceWorker -tags: - - API - - Interface - - Reference - - Service Workers - - ServiceWorker - - Workers - - hors-ligne -translation_of: Web/API/ServiceWorker ---- -
{{APIRef("Service Workers API")}}
- -

L'interface ServiceWorker de l'API ServiceWorker met à disposition une référence vers un service worker. Plusieurs  {{glossary("browsing context", "contextes de navigations")}} (par exemple une page, un worker, etc.) peuvent être associés au même service worker, chacun à travers un unique objet ServiceWorker.

- -

Un objet ServiceWorker est disponible dans les propriétés  {{domxref("ServiceWorkerRegistration.active")}} et {{domxref("ServiceWorkerContainer.controller")}} — c'est un service worker qui a été activé et qui contrôle la page (ce service worker a été bien enregistré, et la page contrôlée a été rechargée).

- -

L'interface ServiceWorker est distribuée à travers différents évènements de son cycle de vie — install et activate — et d'utilisation, comme fetch. Un objet ServiceWorker a un état associé {{domxref("ServiceWorker.state")}}, lié à son cycle de vie.

- -

Propriétés

- -

L'interface ServiceWorker hérite des propriétés de son parent, le {{domxref("Worker")}}.

- -
-
{{domxref("ServiceWorker.scriptURL")}} {{readonlyinline}}
-
Retourne la scriptURL sérialisée du ServiceWorker, définie comme une partie du {{domxref("ServiceWorkerRegistration")}}. Cette URL doit avoir la même origine que le document qui enregistre le  ServiceWorker.
-
{{domxref("ServiceWorker.state")}} {{readonlyinline}}
-
Retourne le status du service worker. Il retourne l'une des valeurs suivantes : installing, installed, activating, activated, or redundant.
-
- -

Gestionnaires d'évènements

- -
-
{{domxref("ServiceWorker.onstatechange")}} {{readonlyinline}}
-
Une propriété {{domxref("EventListener")}} est appelée quand un évènement de type statechange est déclenché; c'est le cas dès que le {{domxref("ServiceWorker.state")}} change.
-
- -

Méthodes

- -

L'interface du ServiceWorker hérite des méthodes de son parent, {{domxref("Worker")}}, avec l'exception de {{domxref("Worker.terminate")}}, qui ne doit pas être accessible depuis le service worker.

- -

Exemples

- -

Ce fragment de code provient d'un exemple d'enregistrement d'évènement pour le service worker (démo en direct). Le code écoute tout changement du {{domxref("ServiceWorker.state")}} et retourne sa valeur.

- -
if ('serviceWorker' in navigator) {
-  navigator.serviceWorker
-    .register('service-worker.js', {
-      scope: './'
-    })
-    .then(({ installing, waiting, active }) => {
-      let serviceWorker
-      if (installing) {
-        serviceWorker = installing
-        document.querySelector('#kind').textContent = 'installé'
-      } else if (waiting) {
-        serviceWorker = waiting
-        document.querySelector('#kind').textContent = 'en attente'
-      } else if (active) {
-        serviceWorker = active
-        document.querySelector('#kind').textContent = 'actif'
-      }
-      if (serviceWorker) {
-        // logState(serviceWorker.state);
-        serviceWorker.addEventListener('statechange', (e) => {
-          // logState(e.target.state);
-        })
-      }
-    })
-    .catch((error) => {
-      // L'enregistrement s'est mal déroulé. Le fichier service-worker.js
-      // est peut-être indisponible ou contient une erreur.
-    })
-} else {
-  // Le navigateur ne supporte pas les service workers.
-}
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Service Workers', '#service-worker-obj', 'ServiceWorker')}}{{Spec2('Service Workers')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - diff --git a/files/fr/web/api/serviceworker/index.md b/files/fr/web/api/serviceworker/index.md new file mode 100644 index 0000000000..97c6688183 --- /dev/null +++ b/files/fr/web/api/serviceworker/index.md @@ -0,0 +1,110 @@ +--- +title: ServiceWorker +slug: Web/API/ServiceWorker +tags: + - API + - Interface + - Reference + - Service Workers + - ServiceWorker + - Workers + - hors-ligne +translation_of: Web/API/ServiceWorker +--- +
{{APIRef("Service Workers API")}}
+ +

L'interface ServiceWorker de l'API ServiceWorker met à disposition une référence vers un service worker. Plusieurs  {{glossary("browsing context", "contextes de navigations")}} (par exemple une page, un worker, etc.) peuvent être associés au même service worker, chacun à travers un unique objet ServiceWorker.

+ +

Un objet ServiceWorker est disponible dans les propriétés  {{domxref("ServiceWorkerRegistration.active")}} et {{domxref("ServiceWorkerContainer.controller")}} — c'est un service worker qui a été activé et qui contrôle la page (ce service worker a été bien enregistré, et la page contrôlée a été rechargée).

+ +

L'interface ServiceWorker est distribuée à travers différents évènements de son cycle de vie — install et activate — et d'utilisation, comme fetch. Un objet ServiceWorker a un état associé {{domxref("ServiceWorker.state")}}, lié à son cycle de vie.

+ +

Propriétés

+ +

L'interface ServiceWorker hérite des propriétés de son parent, le {{domxref("Worker")}}.

+ +
+
{{domxref("ServiceWorker.scriptURL")}} {{readonlyinline}}
+
Retourne la scriptURL sérialisée du ServiceWorker, définie comme une partie du {{domxref("ServiceWorkerRegistration")}}. Cette URL doit avoir la même origine que le document qui enregistre le  ServiceWorker.
+
{{domxref("ServiceWorker.state")}} {{readonlyinline}}
+
Retourne le status du service worker. Il retourne l'une des valeurs suivantes : installing, installed, activating, activated, or redundant.
+
+ +

Gestionnaires d'évènements

+ +
+
{{domxref("ServiceWorker.onstatechange")}} {{readonlyinline}}
+
Une propriété {{domxref("EventListener")}} est appelée quand un évènement de type statechange est déclenché; c'est le cas dès que le {{domxref("ServiceWorker.state")}} change.
+
+ +

Méthodes

+ +

L'interface du ServiceWorker hérite des méthodes de son parent, {{domxref("Worker")}}, avec l'exception de {{domxref("Worker.terminate")}}, qui ne doit pas être accessible depuis le service worker.

+ +

Exemples

+ +

Ce fragment de code provient d'un exemple d'enregistrement d'évènement pour le service worker (démo en direct). Le code écoute tout changement du {{domxref("ServiceWorker.state")}} et retourne sa valeur.

+ +
if ('serviceWorker' in navigator) {
+  navigator.serviceWorker
+    .register('service-worker.js', {
+      scope: './'
+    })
+    .then(({ installing, waiting, active }) => {
+      let serviceWorker
+      if (installing) {
+        serviceWorker = installing
+        document.querySelector('#kind').textContent = 'installé'
+      } else if (waiting) {
+        serviceWorker = waiting
+        document.querySelector('#kind').textContent = 'en attente'
+      } else if (active) {
+        serviceWorker = active
+        document.querySelector('#kind').textContent = 'actif'
+      }
+      if (serviceWorker) {
+        // logState(serviceWorker.state);
+        serviceWorker.addEventListener('statechange', (e) => {
+          // logState(e.target.state);
+        })
+      }
+    })
+    .catch((error) => {
+      // L'enregistrement s'est mal déroulé. Le fichier service-worker.js
+      // est peut-être indisponible ou contient une erreur.
+    })
+} else {
+  // Le navigateur ne supporte pas les service workers.
+}
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Service Workers', '#service-worker-obj', 'ServiceWorker')}}{{Spec2('Service Workers')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/serviceworker/onstatechange/index.html b/files/fr/web/api/serviceworker/onstatechange/index.html deleted file mode 100644 index 71f4cd1e15..0000000000 --- a/files/fr/web/api/serviceworker/onstatechange/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: ServiceWorker.onstatechange -slug: Web/API/ServiceWorker/onstatechange -tags: - - API - - Propriété - - Reference -translation_of: Web/API/ServiceWorker/onstatechange ---- -
{{SeeCompatTable}}{{APIRef("Service Workers API")}}
- -

Une propriété {{domxref("EventListener")}} appelée quand un évenement de type statechange est déclenché; c'est le cas dès que le {{domxref("ServiceWorker.state")}} change.

- -

Syntax

- -
ServiceWorker.onstatechange = function(statechangeevent) { ... }
-ServiceWorker.addEventListener('statechange', function(statechangeevent) { ... } )
- -

Examples

- -

Ce fragment de code présente un exemple d'enregistrement d'évenements pour le service worker (démo live). Le code écoute pour tout changement du {{domxref("ServiceWorker.state")}} et retourne sa valeur.

- -
var serviceWorker;
-if (registration.installing) {
-  serviceWorker = registration.installing;
-  document.querySelector('#kind').textContent = 'installé';
-} else if (registration.waiting) {
-  serviceWorker = registration.waiting;
-  document.querySelector('#kind').textContent = 'en attente';
-} else if (registration.active) {
-  serviceWorker = registration.active;
-  document.querySelector('#kind').textContent = 'actif';
-}
-
-if (serviceWorker) {
-  logState(serviceWorker.state);
-  serviceWorker.addEventListener('statechange', function(e) {
-  logState(e.target.state);
-  });
-}
- -

Notez que quand l'évenement statechange est déclenché, la référence du service worker peut avoir changée. Par exemple :

- -
navigator.serviceWorker.register(..).then(function(swr) {
-  swr.installing.state == "installé"
-  swr.installing.onstatechange = function() {
-    swr.installing == null;
-    // Ici, swr.waiting OU swr.active peuvent valoir true. Parce que l'évènement
-    // statechange est mis en queue, pendant que le worker sous jacent est peut être en
-    // état d'attente et sera immédiatement activé si possible.
-  }
-})
- -

Specifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName('Service Workers', '#service-worker-onstatechange-attribute', 'ServiceWorker.onstatechange')}}{{Spec2('Service Workers')}}Définition intiale
- -

Browser compatibility

- -

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

diff --git a/files/fr/web/api/serviceworker/onstatechange/index.md b/files/fr/web/api/serviceworker/onstatechange/index.md new file mode 100644 index 0000000000..71f4cd1e15 --- /dev/null +++ b/files/fr/web/api/serviceworker/onstatechange/index.md @@ -0,0 +1,73 @@ +--- +title: ServiceWorker.onstatechange +slug: Web/API/ServiceWorker/onstatechange +tags: + - API + - Propriété + - Reference +translation_of: Web/API/ServiceWorker/onstatechange +--- +
{{SeeCompatTable}}{{APIRef("Service Workers API")}}
+ +

Une propriété {{domxref("EventListener")}} appelée quand un évenement de type statechange est déclenché; c'est le cas dès que le {{domxref("ServiceWorker.state")}} change.

+ +

Syntax

+ +
ServiceWorker.onstatechange = function(statechangeevent) { ... }
+ServiceWorker.addEventListener('statechange', function(statechangeevent) { ... } )
+ +

Examples

+ +

Ce fragment de code présente un exemple d'enregistrement d'évenements pour le service worker (démo live). Le code écoute pour tout changement du {{domxref("ServiceWorker.state")}} et retourne sa valeur.

+ +
var serviceWorker;
+if (registration.installing) {
+  serviceWorker = registration.installing;
+  document.querySelector('#kind').textContent = 'installé';
+} else if (registration.waiting) {
+  serviceWorker = registration.waiting;
+  document.querySelector('#kind').textContent = 'en attente';
+} else if (registration.active) {
+  serviceWorker = registration.active;
+  document.querySelector('#kind').textContent = 'actif';
+}
+
+if (serviceWorker) {
+  logState(serviceWorker.state);
+  serviceWorker.addEventListener('statechange', function(e) {
+  logState(e.target.state);
+  });
+}
+ +

Notez que quand l'évenement statechange est déclenché, la référence du service worker peut avoir changée. Par exemple :

+ +
navigator.serviceWorker.register(..).then(function(swr) {
+  swr.installing.state == "installé"
+  swr.installing.onstatechange = function() {
+    swr.installing == null;
+    // Ici, swr.waiting OU swr.active peuvent valoir true. Parce que l'évènement
+    // statechange est mis en queue, pendant que le worker sous jacent est peut être en
+    // état d'attente et sera immédiatement activé si possible.
+  }
+})
+ +

Specifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName('Service Workers', '#service-worker-onstatechange-attribute', 'ServiceWorker.onstatechange')}}{{Spec2('Service Workers')}}Définition intiale
+ +

Browser compatibility

+ +

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

-- cgit v1.2.3-54-g00ecf