如果在2个浏览器选项卡上,Angularjs通知显示两次

问题描述

我正在使用angular-web-notification。我的问题是,如果我打开2个浏览器选项卡,然后收到消息,就会看到显示的两个通知实例。

下面是参考代码

    webNotification.showNotification(title,{
        body: body,onClick: function onNotificationClicked() {
            console.log('Notification clicked.');
        },icon: 'icon.png'
    },function onShow(error,hide) {
        if (error) {
            console.log('Unable to show notification: ' + error.message);
        } else {
            console.log('Notification Shown.');
        }
    });

你有什么想法吗?

解决方法

为防止重复通知,请使用标签

Notification.tag 通知ID https://developer.mozilla.org/en-US/docs/Web/API/notification

 webNotification.showNotification(title,{
        body: body,tag:"some custom unique tag per notification"
        onClick: function onNotificationClicked() {
            console.log('Notification clicked.');
        },icon: 'icon.png'
    },function onShow(error,hide) {
        if (error) {
            console.log('Unable to show notification: ' + error.message);
        } else {
            console.log('Notification Shown.');
        }
    });
,

就我而言,我两次收到了推送通知,但是我之前已经解决了。 目前,我有一个问题要问,您使用fcm吗?