Я сделал монитор уровня заряда батареи, используя языки веб-программирования. Вот мой код:
if('getBattery' in navigator)
{
navigator.getBattery().then(function get(battery)
{
var l=Math.round(battery.level*100);
var d=document. getElementById('level'), lab=document. getElementById ('label');
d. style. height=l+"%";
lab.innerHTML=l+" %";
if(l>=50)
{
d. style. backgroundColor="#00ff00";
lab. style. color="#000";
}
else if(l>=20)
d. style. backgroundColor="#0000ff";
else
d. style. backgroundColor="#ff0000";
});
}
else
alert("Battery API not supported on your browser !");
html, body {width: 100%; height: 100%; margin: 0; padding:0;}
body {background-color: black;}
#level {position: absolute; text-align: center; left: 0; right: 0; margin: 5mm;}
#label {font-size: 1cm; left: 0; right: 0; text-align: center; color:#fff; top: 50%; position: absolute; transform: translateY (-50%);}
<html>
<head>
<title>Battery level</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="level">
<label id="label"></label>
</div>
</body>
</html>
Что я заметил, так это то, что в версии Chrome для Android вывод этой программы очень медленный. Для отображения уровня заряда батареи в моем телефоне Android требуется около 10 секунд. Принимая во внимание, что в настольной версии Chrome уровень заряда батареи отображается в течение доли секунды.
Я также пробовал это Демонстрация API состояния батареи , но проблема все еще та же.
Раньше в более ранних версиях Chrome он работал нормально, но после обновления доВ последней версии (77) эта проблема возникает. Когда я удалил обновления и обновил Chrome до заводской версии и снова попытался запустить программу, она работала нормально, но при переустановке последней версии проблема все еще существует.
Что может быть вероятной причинойэто замедление и как это исправить? Мне не хватает некоторых важных настроек в последней версии Google Chrome? Пожалуйста, помогите .