如何在特定数量的柜台上发出警告/消息？

Question

我在网站上使用的系统可以识别用户手机中的电池电量，该系统为“ battery-api”。

例如，当电池电量超过10％时，我想插入一个警告，例如“嘿，您需要给手机充电，您可以随时使用我们的产品...”

有可能吗？

Answer 1

您可以使用Battery Status API实现此功能。以下代码是Example on this page.

的略微修改版本

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

  battery.addEventListener('levelchange', function(){
    updateLevelInfo();
  });

  function updateLevelInfo(){
    var percentage = battery.level * 100;
    if(percentage < 10){ // Show message };
  }

});

但是我建议检查浏览器的兼容性，如果令人满意。