js获取当前设备的电量信息以及联网状态

1.电量信息

 navigator.getBattery().then(function(battery) {
        // 是否正在充电，yes-充电
        console.log("Battery charging? " + (battery.charging ? "yes" : "no"));
        // 当前剩余电量
        console.log("Battery level: " + battery.level * 100 + "%");

        battery.addEventListener("chargingchange", function() {
          console.log("Battery charging? " + (battery.charging ? "yes" : "no"));
        });

        battery.addEventListener("levelchange", function() {
           console.log("Battery level: " + battery.level * 100 + "%");
        });
      });

2.网络状态

 // true为连接成功
      console.log("网络状态："+window.navigator.onLine)
      window.addEventListener("offline", function(e) {
         console.log("offline")
      });

      window.addEventListener("online", function(e) {
        console.log("online")
      });
    }

3.效果图

注：该方法在ie下不支持