Web API - Badging

[taoliujun]

Badging

MDN: https://developer.mozilla.org/en-US/docs/Web/API/Badging_API

Badging用于在Web APP的图标上标记徽章，常用于通知用户有新消息啦，它有3种状态：

状态	描述	效果
nothing	什么都没有
flag	一个圆点
integer	一个数字，最大显示99+

方法

setAppBadge

设置徽章。

// 设置圆点
navigator.setAppBadge();
// 设置数字
navigator.setAppBadge(12);
// 设置大数字
navigator.setAppBadge(1234);

clearAppBadge

清空徽章。

navigator.clearAppBadge();

示例

示例：https://taoliujun.github.io/example/web-api/Badging_API/index.html

本示例代码较为简单，直接打开查看源码即可。

[taoliujun]

可惜PWA在国内行不通，IOS不支持PWA，大部分安卓手机的浏览器也不能安装PWA。