ServiceWorkerContainer.onmessage
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The onmessage property of the
ServiceWorkerContainer interface is an event handler fired whenever a
message event occurs — when incoming messages are received to the
ServiceWorkerContainer object (e.g., via a
Client.postMessage() call).
Note: Messages received from service worker contexts (e.g. as the
event object of onmessage) are represented by MessageEvent objects in
modern browsers, for consistency with other web messaging features. (They used to be
represented by ServiceWorkerMessageEvent objects, which have now been
deprecated.)
Syntax
serviceWorkerContainer.onmessage = function(messageevent) { ... }
Example
navigator.serviceWorker.onmessage = function(messageevent) {
console.log(`received data: ${messageevent.data}`);
}
Specifications
| Specification |
|---|
| Service Workers 1 # dom-serviceworkerglobalscope-onmessage |
Browser compatibility
BCD tables only load in the browser