android - 使用 Javascript Web Push PWA 时更改 Android 上的通知图标/徽章/标题颜色

Question

使用网络推送时如何更改通知的图标（或者我认为它称为徽章）和标题颜色？

我的网站有正常的推送通知，也有来自 PWA 的推送通知

我有以下内容：

const title = data.notification.title || "Something";
   const options = {
    body: data.notification.body,
    icon: '/images/icons/webpush_icon.png',
    //iconColor: '#43BDFF',  // Can something like this be added?
    badge: '/images/icons/webpush_icon2.png'
  };

  event.waitUntil(self.registration.showNotification(title, options));

当它触发时，通知通过就好了，并且图标正在显示（它是一个带有透明背景的白色形状，所以它在通知栏上按预期变为灰色）。但是，该图标与标题一起在下拉通知列表中显示为白色/灰色。其他应用程序以单一颜色显示图标和标题。

那么，从网站发送推送通知时，可以设置通知图标/标题的颜色吗？如果不是，那么来自 PWA 的情况如何（使用 js 和 manifest.json 安装）

{
  "name": "Name",
  "short_name": "Name",
  "icons": [
    {
      "src": "/images/icons/PWA_icon_192_any_outline.png",
      "type": "image/png",
      "sizes": "192x192",
      "purpose": "any"
    },
    {
      "src": "/images/icons/PWA_icon_512.png",
      "type": "image/png",
      "sizes": "512x512",
      "purpose": "any"
    },
    {
      "src": "/images/icons/PWA_icon_192_mask_outline.png",
      "type": "image/png",
      "sizes": "192x192",
      "purpose": "maskable"
    },
    {
      "src": "/images/icons/PWA_icon_192.png",
      "type": "image/png",
      "sizes": "192x192"
    }
  ],
  "start_url": "/",
  "display": "standalone",
  "scope": "/",
            
  "background_color": "#FFFFFF",
  "theme_color": "#43BDFF",
  
  
  

  "description": "Description",
  "orientation": "portrait-primary",
  "gcm_sender_id": "1234********"
 
}

标签： androidpush-notificationprogressive-web-appsweb-pushmanifest.json