如何设置在 PWA 网络推送通知中显示的应用名称？答案

【问题标题】：How can I set the app name that shows up in a PWA web push notification?如何设置在 PWA 网络推送通知中显示的应用名称？
【发布时间】：2022-08-16 14:32:15
【问题描述】：

我试图弄清楚如何设置 PWA 网络推送通知中显示的应用程序名称。

PWA 已显示在已安装的应用列表中，并以应用名称显示在主屏幕上。

它可以接收网络推送通知，但我很好奇的是如何更改显示Chrome和myexamplesite.com的部分（下图中模糊）

通常通知会显示类似Chrome ● myexamplesite.com ● now

我知道可以使用 badge 参数设置 Chrome 徽章，但是显示 Chrome 和网站 url 的部分呢？可以以某种方式将其设置为“我的应用程序名称”之类的东西吗？

标签： progressive-web-apps

【解决方案1】：

我猜 Chrome 部分是不可更改的，因为它来自客户端浏览器。并且标题似乎来自您的 App 名称。

【讨论】：

我们不能显示应用名称而不是 URL 吗？

【解决方案2】：

AFAIK 您无法更改通知中的“Chrome”标题，因为 PWA 取决于您的浏览器，但您可以使用 registration.showNotification(title, options) 设置通知标题

【讨论】：