Navigator.getBattery()获取设备电池状态

最新推荐文章于 2025-02-19 00:15:00 发布

我是槑槑

最新推荐文章于 2025-02-19 00:15:00 发布

阅读量1.5k

点赞数

分类专栏： Web-API 文章标签： javascript html 前端

本文链接：https://blog.youkuaiyun.com/weixin_42132044/article/details/122045415

版权

本文介绍了如何利用JavaScript的Navigator.getBattery()方法获取设备电池状态，并提供了MDN的相关参考链接。此外，还提及了在React Hooks库react-use中封装的useBattery实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、MDN参考网址

Navigator.getBattery() - Web API 接口参考 | MDN

BatteryManager（电源管理） - Web API 接口参考 | MDN

//在浏览器控制台执行下列语句
navigator.getBattery().then((res)=>{console.log(res)});

// 返回 BatteryManager 
BatteryManager {
charging: true //一个布尔值，说明当前电池是否正在充电。
chargingTime: 0 // 一个数字，代表距离充电完毕还需多少秒，如果为0则充电完毕。
dischargingTime: Infinity //一个数字，代表距离电池耗电至空且挂起需要多少秒。
level: 1 //一个数字，代表电量的放大等级，这个值在 0.0 至 1.0 之间。1代表100%电量，0.9代表90%电量
onchargingchange: null //chargingchange事件处理器；电池充电状态更新时被调用。
onchargingtimechange: null //chargingtimechange事件处理器；电池充电时间更新时被调用。
ondischargingtimechange: null //dischargingtimechange事件处理器；电池断开充电时间更新时被调用。
onlevelchange:null //levelchange事件处理器；电池电量更新时被调用。
}