本文将与大家分享几个趣味实用的jsapiBatteryStatusAPI在线实例：状态改变。这可以在设备电池电量低时调整应用程序的资源使用状态，或者在电池电量耗尽之前保存应用程序中的更改以防止数据丢失。BatteryStatusAPI使用navigator.getBattery方法扩展window.navigator，该方法返回电池承诺，完成后传递BatteryManager对象，并提供一些可以操纵电池状态的新事件。在此示例中，我们正在监听放电状态和电池电量以及剩余事件（无论电池是正在充电还是正在使用）。这可以通过监听chargingchange、levelchange、chargingtimechange、dischargetimechange事件来完成。navigator.getBattery().then(function(battery){console.log("电池充电？"+(battery.charging?"Yes":"No"));console.log("电池电量："+battery.level*100+"%");console.log("电池充电时间："+battery.chargingTime+"秒");console.log("电池放电时间："+battery.dischargingTime+"秒");battery.addEventListener('chargingchange',function(){console.log("电池充电？"+(battery.charging?"Yes":"No"));});battery.addEventListener('levelchange',function(){console.log("电池电量："+battery.level*100+"%");});battery.addEventListener('chargingtimechange',function(){console.log("电池充电时间："+battery.chargingTime+"seconds");});battery.addEventListener('dischargingtimechange',function(){console.log("电池放电时间："+battery.dischargingTime+"seconds");});});测试：测试发现充放电时间一直是Infinity，电池容量和是否充电依然可以正确读取。广播陈nelAPIBroadcastChannelAPI可以实现同一源下不同窗口、标签页、框架或iframe中的浏览器上下文（通常是同一网站下的不同页面）之间的简单通信。广播频道将被命名并绑定到指定的来源。通过创建一个侦听频道的BroadcastChannel对象，您可以接收发送到该频道的所有消息。有趣的一点是，您不再需要维护需要通信的iframe或worker的索引。他们可以通过构建BroadcastChannel简单地“订阅”特定频道，并在他们之间进行全双工（双向）通信。使用BroadcastChannel接口创建或加入频道非常简单。通过创建BroadcastChannel对象，客户端可以加入指定的频道。只有一个参数需要传递给构造函数：通道名称。如果是第一次连接广播频道，会自动创建相应的资源。//连接到广播频道varbc=newBroadcastChannel('test_channel');发送消息现在发送消息非常简单，只需调用BroadcastChannel对象的postMessage()方法即可。此方法的参数可以是任何对象。最简单的示例是发送DOMString文本消息：//发送简单消息的示例bc.postMessage('Thisisatestmessage.');不只是DOMString，任何类型的对象都可以发送。此API不会将消息与任何语义相关联，因此通道参与者有必要知道期望的消息类型以及如何使用它。接收消息发送消息时，将在连接到该频道的所有BroadcastChannel对象上触发消息事件。此事件没有默认行为，但可以使用onmessage事件处理程序来定义处理消息的函数。//将事件打印到控制台的简单示例bc.onmessage=function(ev){console.log(ev);}与频道断开连接您可以通过调用BroadcastChannel对象的close()方法离开频道。这将断开对象与其关联通道的连接并允许它被垃圾收集。//断开通道bc.close()在线示例：发送消息demo接收消息demo兼容性
