Badging API 浏览器支持
发布于
Badging API 通过 navigator.setAppBadge() 在已安装 Web App 的图标上显示徽标（数字或圆点），并通过 navigator.clearAppBadge() 清除。
下表覆盖 MDN browser-compat-data 记录的 Badging API。徽标仅对已安装应用生效、依赖启动器支持或与通知权限绑定等条件，均写在对应行的脚注里。
- 图例
- 支持
- 部分支持
- 需开启标志
- 不支持
- 未知
| 浏览器 / 平台 | 支持 | 版本 | 置信度 | 来源 | 备注 |
|---|---|---|---|---|---|
| Chrome (Android) | 部分支持 | 84 | 中 | 来源 | 1 |
| Chrome (Desktop) | 支持 | 81 | 中 | 来源 | — |
| Edge (Desktop) | 支持 | 81 | 中 | 来源 | — |
| Safari (iOS) | 支持 | 16.4 | 中 | 来源 | 2 |
| Safari (macOS) | 支持 | 17 | 中 | 来源 | — |
| Firefox (Desktop) | 不支持 | — | 中 | 来源 | 3 |
| Samsung Internet | 部分支持 | 13.0 | 中 | 来源 | 4 |
- 角标仅对已安装应用生效，且取决于启动器是否支持。
- 仅限主屏幕 Web 应用；与通知权限绑定。
- Firefox 没有实现 Badging API；`navigator.setAppBadge` 为 undefined（MDN 兼容性表，2026-10-03 核对）。
- 与 Chrome for Android 一致：角标仅对已安装 Web 应用显示，且取决于启动器是否支持。
- Badging API：已安装 PWA 的应用图标徽标
- Badging API（w3c.github.io）
- Badging API（developer.mozilla.org）