HTML5电池状态API已被弃用，因隐私风险（如设备指纹识别）遭Chrome、Firefox等主流浏览器移除；现无标准Web API可获取精确电量，仅能通过Page Visibility API推测或原生插件等替代方案实现有限功能。
HTML5 电池状态 API（Battery Status API）曾提供 navigator.getBattery() 方法来获取设备电量、充电状态等信息，但该 API 已被主流浏览器弃用且不再支持。目前 Chrome（自 2020 年起）、Firefox（自 2021 年起）、Edge 和 Safari 均已移除该接口，调用会返回 Promise.reject() 或直接报错。
为什么电池 API 被废弃？
出于隐私与安全考虑，浏览器厂商认为电池信息可能被用于指纹识别（如精确判断设备型号、使用时长、老化程度），构成潜在的用户追踪风险。W3C 也于 2021 年正式将该规范标记为“Obsolete”。
当前无法通过标准 Web API 获取真实电池数据
现代网页中：
- 没有标准化、跨浏览器的 JavaScript 接口可读取精确电量百分比或充电中/未充电状态；
-
navigator.getBattery()在所有新版浏览器中已失效，即使在 HTTPS 环境下也无法使用； - 部分旧版 Android WebView 或特定嵌入式环境可能残留支持，但不可靠、不推荐依赖。
替代方案与实用建议
若需类似功能，可考虑以下有限但合规的方式：
立即学习“前端免费学习笔记（深入）”；
- 使用 Page Visibility API + 用户行为推测：结合页面是否在前台、是否有交互、屏幕是否熄灭等信号，粗略判断设备可能处于低电量休眠或后台限制状态；
-
请求系统级权限（仅原生/混合应用）：在 Capacitor、Cordova 或 Electron 等框架中，通过插件（如
@capacitor/device）调用原生 API 获取电池信息； - 服务端配合硬件上报：IoT 场景下由设备固件主动上报电量，前端仅展示后端提供的缓存数据；
- 引导用户手动确认：例如提示“请检查设备是否正在充电”，适用于关键操作前的轻量提醒。
检查兼容性与降级处理
若需兼容极老版本页面，可安全检测并静默忽略：
if ('getBattery' in navigator) {
navigator.getBattery().then(battery => {
// 旧逻辑（实际不会执行）
}).catch(err => {
// API 不可用，走降级流程
});
} else {
// 直接降级
}
建议直接移除相关代码，避免误导或报错。
