html5画电池状态,HTML5的一个显示电池状态的API简介

这篇文章主要介绍了HTML5的一个显示电池状态的API简介,由Mozilla设计,具体的设备和浏览器支持情况还要通过检测才能确定,需要的朋友可以参考下

移动设备的份额在网络流量中在大量增长，其所贡献的网络流量非常庞大，以至于为了移动设备，我们单独创建了一些API和设计理念。一个非常典型的例子是 W3C电池状态API，它允许一个应用程序获知设备的电池状态信息。这篇文章探索了这个新的API，为你展示了如何把它整合进你现有的应用程序。

检测设备是否支持

目前电池API依旧没有得到主流支持。因此，在使用这个API前需要确认当前设备是否支持此API。下面展示的函数返回一个布恩值(True/False)，指示当前浏览器是否支持电池状态API。

该函数首先检测了 navigator.battery 对象是否存在。如果不存在，继续检测 Mozilla 专用的

navigator.mozBattery是否存在。我曾经见过有些代码还检测了 webkitBattery对象，但是我无法证实其在Chrome中是否存在。

参考文档：https://developer.mozilla.org/en-US/docs/DOM/window.navigator.battery

XML/HTML Code复制内容到剪贴板

检查电池

如果电池对象存在，它会包含下列四个只读属性。

如果系统不存在电池，或无法确定电池是否在充电，返回值是 True

当电池完全被充满电时，或者系统不存在电池时，这个值为0。

如果系统不在充电，或者无法确定完全充满电所需时间，这个值为∞(无穷大)。

如果放电时间无法确定，或系统没有电池或系统正在充电，这个值为 ∞ (无穷大)

1.0表示电池完全充满电，或者不存在电池，或者数值无法确定。

检测电池事件

上述所有属性都与一个电池事件绑定。这些事件用来指示电池状态的变化。比如，插入电源会使charging属性从false变为true。全部四种电池事件如下所列：

示例页面

下面的代码展示了如何使用电池状态API 的属性和事件。

示例页面显示了API的各个属性值，并且在事件触发时更新它们的值。

点击此处访问在线示例。

XML/HTML Code复制内容到剪贴板

结论

本文为Battery Status API给出了一个完整的总结和展示，尽管其仍未得到主流支持，但是这只是时间问题。考虑到移动互联网的激增，开发者应该尽快将电池信息纳入设计范畴内。

免责申明：本栏目所发资料信息部分来自网络，仅供大家学习、交流。我们尊重原创作者和单位，支持正版。若本文侵犯了您的权益，请直接点击提交联系我们，立刻删除！

html5画电池状态,HTML5的一个显示电池状态的API简介相关推荐

html电池百分比,iphonex的电池百分比怎么设置这样显示电池百分比
iPhonex发售已经有一段时间了,很多人也已经开始使用iPhonex了,很多人买iPhonex就是冲着它的高科技去买的,但是拿到手里却不怎么会用,比如很多人很多人就不知道iPhonex的电池百分比在 ...
html5画直线箭头,HTML5 canvas画带箭头的虚线
今天给大家讲解的是在HTML5 canvas画带箭头的虚线.关于Canvas 对象表示一个 HTML 画布元素 -.它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作. 本案例注意事项 ...
html5画安卓机器人,HTML5用户笔画形状检测机器人
JavaScript 语言: JaveScriptBabelCoffeeScript 确定 var canvas = Snap('#svg-canvas'); var card = $('#svg-c ...
html5画分形图形,HTML5/Canvas 可在线调整的朱丽叶分形图
JavaScript 语言: JaveScriptBabelCoffeeScript 确定 var scale = 200; var cR = -.8, cI = .2; var r = 0.77, ...
html5是什么意思,HTML5是什么 HTML5是什么意思 HTML5简介
HTML5是什么 HTML5是什么意思 HTML5简介发布时间:2012-10-26 15:04:00 作者:佚名我要评论随着Windows8正式版发布的脚步近在咫尺,近来关于Win8. ...
linux显示内存状态,Linux显示内存状态
Linux显示内存状态 youhaidong@youhaidong-ThinkPad-Edge-E545:~$ free total used free shared buffers cached M ...
iphone11计算机显示计算过程,iPhone11怎么显示电池百分比
[iPhone11怎么显示电池百分比]iPhone11已经发售了一段时间,相信不少果粉已经手持iPhone11系列了.iPhone11系列搭载A13处理器以及增加摄像头数量.不少果粉都感叹道" ...
java 状态模式同步_JAVA设计模式之状态模式
在阎宏博士的<JAVA与模式>一书中开头是这样描述状态(State)模式的: 状态模式,又称状态对象模式(Pattern of Objects for States),状态模式是对象的行为 ...
状态模式java 在线投票_Java 状态模式
在阎宏博士的<JAVA与模式>一书中开头是这样描述状态(State)模式的:状态模式,又称状态对象模式(Pattern of Objects for States),状态模式是对象的行为模 ...

html5画电池状态,HTML5的一个显示电池状态的API简介

html5画电池状态,HTML5的一个显示电池状态的API简介相关推荐

最新文章

热门文章