PWA 应用程序 - 在应用程序图标上显示徽章适用于 Windows，但不适用于 Android

Question

我正在努力应对 PWA 和徽章。我添加了

if (navigator.setAppBadge) { navigator.setAppBadge(6); }

到推送通知方法（service-worker.js），它在windows（chrome浏览器）上工作正常，但在android（也是chrome浏览器）上不起作用。同意已授予的通知。你能告诉我哪里出了问题或者我错过了什么或者android可能需要额外的权限吗？

提前致谢。

我尝试设置没有编号的徽章，但它也不起作用。我还检查是否可以在 Android 设备上为 PWA 应用程序添加额外的权限。

Answer 1

我也为此苦苦挣扎。我发现 Android 不支持徽章 api。 这是谷歌的引用：

App Badging API 适用于 Windows 和 macOS、Chrome 81 和 Edge 81 或更高版本。对 ChromeOS 的支持正在开发中，并将在未来版本中提供。在 Android 上，不支持 Badging API。相反，当存在未读通知时，Android 会自动在已安装的 Web 应用程序的应用程序图标上显示一个徽章，就像 Android 应用程序一样。

来源（Chrome 开发者版）

它与 mdn 的兼容性图表中的内容相符，其中 Chrome 为黄色，并用 “部分支持。仅限 Windows 和 macOS。”

来源（mdn）