如何解决使用 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 举报,一经查实,本站将立刻删除。