将PWA安装到主屏幕后,我的通知标志图标未显示

时间:2018-08-14 07:10:08

标签: firebase push-notification firebase-cloud-messaging service-worker progressive-web-apps

我有一个移动网站,可以接收推送通知。 firebase-messaging-sw.js上的一些代码如下,

 messaging.setBackgroundMessageHandler(function(payload) {
  console.log('[firebase-messaging-sw.js] Received background message ', payload);
  // Customize notification here
  var notificationTitle = payload.data.title;
  var notificationOptions = {
    body: payload.data.body,
    icon: payload.data.icon,
    data: payload.data.click_action,
    badge: "{icon url}",
    image: payload.data.image,
    tag: payload.data.unique_id
  };


  return self.registration.showNotification(notificationTitle,
    notificationOptions);
});

当我允许在移动Chrome上进行通知时,通知将完美显示,通知栏上会显示我的定制徽章徽标。但是,当我单击“添加到主屏幕”后,通知徽章图标将成为默认的钟形图标。为什么会这样,有什么办法可以改变它?

谢谢。

1 个答案:

答案 0 :(得分:3)

这是Chrome中的已知错误。他们已经修复了in this commit

错误修复程序将于9月4日(明天)与Chrome 69一起推出。您可以在此处检查发布状态:https://www.chromestatus.com/features/schedule