Web API - Badging

发布 : 2024-02-28 分类 : JavaScript

原文链接:https://github.com/taoliujun/blog/issues/50

Badging

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

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

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

方法

setAppBadge

设置徽章。

1
2
3
4
5
6
// 设置圆点
navigator.setAppBadge();
// 设置数字
navigator.setAppBadge(12);
// 设置大数字
navigator.setAppBadge(1234);

clearAppBadge

清空徽章。

1
navigator.clearAppBadge();

示例

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

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