Сегодня очень много различных девайсов, которые работают от батарейки. В связи с этим появилось Javascript Battery API, которое позволяет определять уровень заряда батареи при помощи Javascript,  на тех девайсах, где это вообще возможно.

Javascript Battery API

При помощи Javascript Battery API вы с легкостью сможете менять внешний вид сайта в зависимости от уровня заряда батареи, тем самым позволяя сэкономить драгоценные минуты пользования разряженным устройством.

Совершенно очевидно, что темные тона требуют меньше энергии батареи, чем яркие и сочные. Поэтому если батарея слишком разряжена есть смысл изменить оформление автоматически, продлевая жизнь батареи.

Javascript Battery API

Как видно на демо, применить его довольно просто – если заряд батареи меньше заданного уровня, стиль сайта изменяется на более темный и контрастный, что позволяет сократить расход энергии на обеспечение яркости экрана, а значит и сэкономить время работы девайса от батареи.

Использовать Javascript Battery API довольно просто.

if(navigator.getBattery){
    // API доступно
    // можно работать с ним.
}
else{
    // Браузер не поддерживает API батареи.
}

Или даже вот так, более развернуто.

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

        // Получить заряд батареи
        var level = battery.level * 100;


    })
    .catch(function(e) {
        console.error(e);
    });

 

Javascript Battery API: где поддерживается

К сожалению на данный момент (август 2017) Javascript Battery API поддерживается в Chrome для мобильных, Android Browser, Opera и Chrome для Android. В Safari и IE пока такой функции нет и не предвидеться в ближайших релизах, но, думаю, что это API прийдет и в другие браузеры, потому, что действительно полезная штука.

Кстати, с этим API точно работает планшет на пк скачать как виртуальный планшет, поэтому в нём можно будет протестировать работу API даже без девайса с его поддержкой.