Web API - Badging
原文链接: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 | 什么都没有 | |
flag | 一个圆点 | |
integer | 一个数字,最大显示99+ |
方法
setAppBadge
设置徽章。
1 | // 设置圆点 |
clearAppBadge
清空徽章。
1 | navigator.clearAppBadge(); |
示例
示例:https://taoliujun.github.io/example/web-api/Badging_API/index.html
本示例代码较为简单,直接打开查看源码即可。