Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Les API Web
  3. Client

Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in EnglishAlways switch to English

Client

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis avril 2018.

L'interfaceClient de l'API ServiceWorker représente la portée d'exécution d'unWorker ouSharedWorker. Les clientsWindow sont représentés par le plus spécifiqueWindowClient. Vous pouvez obtenir les objetsClient/WindowClient via les méthodesClients.matchAll() etClients.get().

Méthodes

Client.postMessage()

Permet à un service worker d'envoyer un message auServiceWorkerClient.

Propriétés

Client.idLecture seule

Retourne l'identifiant universellement unique de l'objetClient.

Client.typeLecture seule

Indique le type de contexte de navigation du client courant. Cette valeur peut êtreauxiliary,top-level,nested, ornone.

Client.urlLecture seule

Retourne l'URL du client service worker courant.

Exemples

Ce code est basé sur un fragment pris d'unexemple d'envoi de message (voirl'exemple en ligne.) Ce code envoie une référence de message à laquelle le service worker peut répondre viaClient.postMessage().

Ce message est contenu dans une promesse qui est résolue si la réponse ne contient pas d'erreur et est rejetée avec une erreur.

js
// client service worker (par exemple un document)function sendMessage(message) {  return new Promise(function (resolve, reject) {    // Notez que c'est la version du ServiceWorker.postMessage    navigator.serviceWorker.controller.postMessage(message);    window.serviceWorker.onMessage = function (e) {      resolve(e.data);    };  });}// Contrôle du service workerself.addEventListener("message", function (e) {  // e.source est un object client  e.source.postMessage("Hello! Your message was: " + e.data);});

Spécifications

Specification
Service Workers Nightly
# client-interface

Compatibilité des navigateurs

Voir aussi

Help improve MDN

Learn how to contribute

Cette page a été modifiée le par lescontributeurs du MDN.


[8]ページ先頭

©2009-2026 Movatter.jp