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