Как проверить состояние батареи с помощью javascript (2 простых шага)

В этом уроке я собираюсь показать вам, как легко проверить состояние батареи системы с помощью API батареи javascript.

Используя API батареи можно извлечь различную информацию о батарее системы, тем самым повышая удобство использования, в случае если пользователю требуется срочная зарядка.

Получение информации о батарее

API батареи работает не во всех браузерах, поэтому прежде чем получить информацию о состоянии батареи, необходимо проверить, поддерживает ли браузер API батареи или нет.

Проверка работы API в браузере

Теперь, чтобы проверить работу API в браузере, нам нужно использовать метод getBattery на API навигатора, как показано в примере ниже.

if(navigator.getBattery){
    // if battery API is working
}
else{
    // if battery API is not working
}

Проверить состояние батареи

Если API батареи работает, то мы можем проверить процент заряда батареи с помощью API getBattery() , этот API возвращает обещание.

navigator.getBattery()
    .then(function(battery) {

        // Get current battery level .
        var batteryLevel = battery.level * 100;
        console.log(batteryLevel);
    })
    .catch(function(e) {
        console.error(e);
    });

Объект battery имеет следующие свойства, которые мы можем использовать для получения дополнительной информации о батарее системы.

Теперь для обнаружения изменений всех этих свойств в реальном времени javascript предоставляет нам несколько слушателей событий, как показано ниже.

В приведенном ниже примере, как только уровень заряда батареи опустится ниже 15%, появится предупреждение, рекомендующее подключить систему к зарядному устройству.

Полный текст статьи читайте здесь 👉 https://bepractical.tech/how-to-check-battery-status-with-javascript-2-simple-steps/