使用JavaScript获取电池状态的方法

获取电池状态是Web开发中比较常见的需求之一，可以通过JavaScript获取电池状态，从而更好地帮助用户管理电池电量。

获取电池状态是Web开发中比较常见的需求之一，可以通过JavaScript获取电池状态，从而更好地帮助用户管理电池电量。

示例一：使用Battery API获取电池状态

在现代浏览器中，我们可以通过使用Battery API获取电池状态。首先，需要检测浏览器是否支持Battery API：

if ('getBattery' in navigator) {
  // Battery API 支持
}

如果浏览器支持Battery API，则可以通过以下方法获取电池状态：

navigator.getBattery().then(function(battery) {
  // battery.level 表示电池电量百分比
  // battery.charging 表示电池是否正在充电
  // battery.chargingTime 表示电池预计多长时间充满，单位：秒
  // battery.dischargingTime 表示电池预计多长时间耗尽，单位：秒
})

我们可以将上述代码封装成一个函数，方便调用：

function getBatteryStatus() {
  if (!('getBattery' in navigator)) {
    console.log('Battery API 不可用');
    return;
  }

  navigator.getBattery().then(function(battery) {
    console.log('电量：', battery.level);
    console.log('充电状态：', battery.charging ? '充电中' : '未充电');
    console.log('剩余充电时间：', battery.chargingTime);
    console.log('剩余使用时间：', battery.dischargingTime);
  });
}

示例二：使用Websocket实时获取电池状态

除了使用Battery API获取电池状态外，还可以通过Websocket实时获取电池状态。首先，需要编写一个服务端程序，发送电池状态信息给客户端：

// 服务端代码
const WebSocket = require('ws');
const battery = navigator.getBattery();

const wss = new WebSocket.Server({ port: 8888 });

battery.then(function(battery) {
  wss.on('connection', function(ws) {
    ws.send(JSON.stringify({
      level: battery.level,
      charging: battery.charging,
      chargingTime: battery.chargingTime,
      dischargingTime: battery.dischargingTime
    }));

    battery.addEventListener('levelchange', function() {
      ws.send(JSON.stringify({
        level: battery.level,
        charging: battery.charging,
        chargingTime: battery.chargingTime,
        dischargingTime: battery.dischargingTime
      }));
    });

    battery.addEventListener('chargingchange', function() {
      ws.send(JSON.stringify({
        level: battery.level,
        charging: battery.charging,
        chargingTime: battery.chargingTime,
        dischargingTime: battery.dischargingTime
      }));
    });
  });
});

客户端可以连接到服务端，接收电池状态信息：

// 客户端代码
const ws = new WebSocket('ws://localhost:8888');

ws.onmessage = function(event) {
  const data = JSON.parse(event.data);
  console.log('电量：', data.level);
  console.log('充电状态：', data.charging ? '充电中' : '未充电');
  console.log('剩余充电时间：', data.chargingTime);
  console.log('剩余使用时间：', data.dischargingTime);
};

以上是获取电池状态的两种示例，请根据实际需求选择合适的方法。