ServiceWorkerGlobalScope.onpush
event of the
ServiceWorkerGlobalScope
interface is fired whenever a push message is received by a service worker via a push server.
ServiceWorkerGlobalScope.onpush = function(PushEvent) { ... }
self.addEventListener('push', function(PushEvent) { ... })
The following example takes data from a
PushEvent
and displays it on all of the service worker's clients. The data payload of the push message is available in the event object's
data
property (
PushEvent.data
, which contains a
PushMessageData
object.)
self.addEventListener('push', function(event) {
if (!(self.Notification && self.Notification.permission === 'granted')) {
return;
}
var data = {};
if (event.data) {
data = event.data.json();
}
var title = data.title || "Something Has Happened";
var message = data.message || "Here's something you might want to check out.";
var icon = "images/new-notification.png";
var notification = new Notification(title, {
body: message,
tag: 'simple-push-demo-notification',
icon: icon
});
notification.addEventListener('click', function() {
if (clients.openWindow) {
clients.openWindow('https://example.blog.com/2015/03/04/something-new.html');
}
});
});
| 规范 | 状态 | 注释 |
|---|---|---|
|
Push API
The definition of 'onpush' in that specification. |
工作草案 |
Initial definition. This event is specified in the Push API, but accessed through
ServiceWorkerGlobalScope
.
|
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
onpush
|
Chrome 40 | Edge ≤79 |
Firefox
44
注意事项
|
IE 不支持 No | Opera 24 | Safari 11.1 | WebView Android 40 | Chrome Android 40 | Firefox Android 44 | Opera Android 24 | Safari iOS 11.3 | Samsung Internet Android 4.0 |
完整支持
不支持
实验。期望将来行为有所改变。
见实现注意事项。
ServiceWorkerGlobalScope