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

问题描述

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

我的网站上既有正常的推送通知，也有来自 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","sizes": "512x512",{
      "src": "/images/icons/PWA_icon_192_mask_outline.png","purpose": "maskable"
    },{
      "src": "/images/icons/PWA_icon_192.png","sizes": "192x192"
    }
  ],"start_url": "/","display": "standalone","scope": "/","background_color": "#FFFFFF","theme_color": "#43BDFF","description": "Description","orientation": "portrait-primary","gcm_sender_id": "1234********"
 
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）