Webにプッシュ通知を実装しようとしています。天気 Web アプリが開いていることを確認しようとすると、Firefox が Service Worker に奇妙なエラーをスローします。そして、それはクロムでうまく動作します。
「Service Worker イベントの waitUntil() は、'NotSupportedError: Operation is not supported' で拒否された promise に渡されました。」
「includeUncontrolled」を false に設定すると、firefox と chrome の両方が「windowClients」に空の配列を返します。ページが検出されません。
これが私のプッシュ イベント ハンドラです。「clients.matchAll」は 50 行目です。
// Push Notification Event Handler
self.addEventListener('push', function(event) {
// Push Received
event.waitUntil(
// Check app page open
self.clients.matchAll({ // Line 50
includeUncontrolled: true, // Error occuring when enabling this
type: 'window'
})
.then(function(windowClients) {
// If no page instances show notification
if (!windowClients.length) {
// Get subscription key to call api
return self.registration
.pushManager
.getSubscription()
.then(function(subscription) {
if (subscription) {
// Get push message data
var token = encodeURIComponent(String(subscription.endpoint).split('/').pop());
var url = 'api/push/data?token=' + token + '&type=' + getPushDeviceType();
return self.fetch(url, {credentials: 'include'})
.then(function(response) {
if (response.status === 200) {
return response.json()
.then(function(data) {
if (data) {
// Display notification
return self.registration
.showNotification('App Notifications', {
'body': data.msg,
'icon': data.img,
'tag': 'app'
});
} else {
return;
}
});
} else {
return;
}
});
} else {
return;
}
});
} else {
return;
}
})
);
});
Firebug スクリーンショット
