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 | Status | Comment |
---|---|---|
Service Workers The definition of 'ServiceWorkerContainer: onmessage' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
onmessage | Chrome Full support 40 | Edge
Full support
17
| Firefox
Full support
44
| IE No support No | Opera Full support 27 | Safari Full support 11.1 | WebView Android Full support 40 | Chrome Android Full support 40 | Firefox Android Full support 44 | Opera Android Full support 27 | Safari iOS Full support 11.3 | Samsung Internet Android Full support 4.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- See implementation notes.
- See implementation notes.
- User must explicitly enable this feature.
- User must explicitly enable this feature.