PWA 的推送通知图标

Ami*_*kar 5 push-notification service-worker progressive-web-apps

对于渐进式 Web 应用程序,当我们向移动设备推送通知时;我们在通知系统托盘中看到 Chrome 浏览器图标。我们可以在那里拥有我们的自定义图标吗?

manifest.json 文件中是否需要任何设置?

Ami*_*kar 9

我找到了我的问题的答案:

我们需要在选项通知对象中传递属性徽章。属性徽章的值是您要显示的图像图标的 URL。它应该是正确的尺寸。然后该图像被设备操作系统(Android / iOS)相应地屏蔽

可以在此处找到有关此属性的更多详细信息


Mar*_*rco 5

showNotification方法一个参数来指定通知的图标。

您可以在 ServiceWorker Cookbook 上找到示例。