web原生接口获取手机或笔记本电量

我就是我 2022-06-08 13:10 257阅读 0赞

文章转载自：[https://developer.mozilla.org/zh-CN/docs/Web/API/Battery\_Status\_API][https_developer.mozilla.org_zh-CN_docs_Web_API_Battery_Status_API]

Battery Status API，更多时候被称之为 Battery API, 提供了有关系统充电级别的信息并提供了通过电池等级或者充电状态的改变提醒用户的事件。 这个可以在设备电量低的时候调整应用的资源使用状态，或者在电池用尽前保存应用中的修改以防数据丢失。

Battery Status API 向 [`window.navigator`][window.navigator] 扩展了一个 [`navigator.getBattery`][navigator.getBattery] 方法，其返回了一个battery promise, 完成后传递一个 [`BatteryManager`][BatteryManager] 对象，并提供了一些新的可以操作电池状态的事件。

## 例子[Edit][] ##

在这个例子中，我们同时监听放电状态和电池等级和剩余事件的事件（不论是否正在充电还是在使用电池）。这可以通过监听 `chargingchange`, `levelchange`, `chargingtimechange`, `dischargingtimechange` 事件完成。

navigator.getBattery().then(function(battery) { 
    
      console.log("Battery charging? " + (battery.charging ? "Yes" : "No"));
      console.log("Battery level: " + battery.level * 100 + "%");
      console.log("Battery charging time: " + battery.chargingTime + " seconds");
      console.log("Battery discharging time: " + battery.dischargingTime + " seconds");
    
      battery.addEventListener('chargingchange', function() { 
        console.log("Battery charging? " + (battery.charging ? "Yes" : "No"));
      });
    
      battery.addEventListener('levelchange', function() { 
        console.log("Battery level: " + battery.level * 100 + "%");
      });
    
      battery.addEventListener('chargingtimechange', function() { 
        console.log("Battery charging time: " + battery.chargingTime + " seconds");
      });
    
      battery.addEventListener('dischargingtimechange', function() { 
        console.log("Battery discharging time: " + battery.dischargingTime + " seconds");
      });
    
    });

另见 [标准中的例子][Link 1].

[https_developer.mozilla.org_zh-CN_docs_Web_API_Battery_Status_API]: https://developer.mozilla.org/zh-CN/docs/Web/API/Battery_Status_API
[window.navigator]: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/navigator
[navigator.getBattery]: https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/getBattery
[BatteryManager]: https://developer.mozilla.org/zh-CN/docs/Web/API/BatteryManager
[Edit]: https://developer.mozilla.org/zh-CN/docs/Web/API/Battery_Status_API$edit#例子
[Link 1]: http://www.w3.org/TR/battery-status/#examples