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