将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中的已知错误。他们已经修好了in this commit。

修复程序将于9月4日（明天）推出Chrome 69。您可以在此处查看首次展示状态：https://www.chromestatus.com/features/schedule