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

Question

我有一个移动网站,可以接收推送通知.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上允许通知时,通知会完美显示,我的自定义徽章徽标显示在通知栏上.但在我点击"添加到主屏幕"后,通知徽章图标将成为默认的钟形图标.为什么会这样,是否有任何改变方法？

谢谢.

Answer 1

这是 Chrome 中的一个已知错误。他们已经在此提交中修复了它。

该错误修复将于 9 月 4 日（明天）随 Chrome 69 推出。您可以在此处检查推出状态： https: //www.chromestatus.com/features/schedule