当前位置:首页 > 日记 > 正文

HTML5API的电池状态简介

HTML5API的电池状态简介
本文主要介绍了在HTML5中显示电池状态的API的简介。它是由Mozilla设计的,特定设备和浏览器的支持可以通过测试来确定。
移动设备在网络流量中所占的份额越来越大,它所贡献的网络流量非常巨大。因此,对于移动设备,我们独立地创建了一些API和设计概念,一个非常典型的例子是W3C的电池状态,API,它允许应用程序了解设备的电池状态信息。
检测设备是否受支持

目前,电池API还没有得到主流的支持。因此,在使用这个API之前,您需要确认当前设备是否支持这个API。下面所示的函数返回一个布恩值(true false),指示当前浏览器是否支持电池状态API。

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

是否navigator.mozbattery存在。我看过一些代码,也发现webkitbattery对象,但我无法验证它是否存在于铬。

参考文献:http:/ /开发商Mozilla。org /我们/ / / window.navigator.battery DOM文档
xml代码将内容复制到剪贴板。
functionisbatterystatussupported(){
返回(navigator.battery navigator.mozbattery | |)!;
}

检查电池

如果电池对象存在,它将包含以下四个只读属性。

充电mdash;mdash;(布恩值)指示系统的电池正在充电。
如果系统没有电池,或者如果不能确定电池是否充电,则返回值为真。

充电时间mdash;mdash;(数字)全电池充满电所需的时间(单位:秒)
当电池充满电,或当系统不存在时,其值是0。

如果系统是不收费的,或是无法确定需要完全充满电的时间,这个值是无穷(无穷大)。

dischargingtime mdash;mdash;类似的充电时间,(数字)对电池完全放电直到剩下的系统休眠(单位:秒)。
如果放电时间不确定,或系统没有电池或充电的系统,这个值是无穷(无穷大)。

水平mdash;mdash;(价值)的器件的电流水平,值的范围是(0 ~ 1),对应于电的剩余量的百分比。
1意味着电池充满电,或没有电池,或价值是不确定的。
电池事件检测

所有上述属性都绑定到一个电池事件。这些事件用于指示电池状态的变化。例如,电源的插入将改变充电性能由假变为真。所有四个电池事件列示如下:

chargingchange mdash;mdash;这类事件被触发时,充电特性改变。这个事件可以被onchargingchange加工()事件处理程序。
chargingtimechange mdash;mdash;这种类型的事件被触发时,充电时间属性的改变。这个事件可以被onchargingtimechange加工()事件处理程序。
dischargingtimechange mdash;mdash;这种类型的事件被触发时,dischargingtime性质发生改变。这个事件可以被ondischargingtimechange加工()事件处理程序。
新mdash;mdash;这类事件被触发时,属性的改变。这个事件可以被onlevelchange加工()事件处理程序。
示例页面

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

示例页面显示每个API属性的值,并在触发事件时更新它们的值。

单击此处可访问联机示例。
xml代码将内容复制到剪贴板。
电池状态API示例
Window.addEventListener(负荷
VaR电池= navigator.battery navigator.mozbattery | |;
功能displaybatterystats(){
document.getelementbyid(充电)。内容=(电池充电)充电:不收费;
document.getelementbyid(充电时间的内容,battery.chargingtime);
document.getelementbyid(dischargingtime内容= battery.dischargingtime);
document.getelementbyid(水平)的内容battery.level * 100 =;
}
如果(电池){
displaybatterystats();
Battery.addEventListener(chargingchange
Battery.addEventListener(chargingtimechange
Battery.addEventListener(dischargingtimechange
Battery.addEventListener(新
{人}
document.getelementbyid(属性)。内容=对不起,您的浏览器不支持电池状态);
}
},假);

您的电池目前。
你的电池将在几秒钟内充电。
你的电池几秒钟就会放电。
你的电池电量是。

结论

本文对电池状态API做了全面的总结和介绍,虽然它还没有得到主流的支持,但这只是时间问题。鉴于移动互联网的激增,开发人员应该尽快将电池信息纳入设计范畴。

相关文章

效果图PS的制作

效果图PS的制作

效果图,电脑软件,PS,本教程介绍画中画效果PS的朋友做一个图片,教程比较简单,很适合初学者学习,推荐,喜欢的朋友可以跟着教程学习 利用PS使画面画中画效果,如下图所示: 方法/步骤 1、启动PS图象处理软件软件,开好素材图片; 2,选择工具箱中的矩形;;选择…

大的用()在Javascipt处理字符串的方

大的用()在Javascipt处理字符串的方

方法,字符串,电脑软件,Javascipt,此方法创建一个用作超文本目标的HTML锚。 语法 string.anchor(anchorname) 下面是参数的详细信息: anchorname:定义锚的名称 返回值: 返回其锚标记的字符串。 实例uff1a Javascript字符串锚()方法 新字符串(Hello); …

超级拖船有趣的个性签名滑稽的个性

超级拖船有趣的个性签名滑稽的个性

拖船,个性签名,滑稽,有趣,电脑软件,我所有的生命,所以有几个人真的很好,我,我不会忘记死亡。 你不可与我争吵,凡话,每句话,都是我的见证。 如果没有家庭作业,没有考试,没有考试,没有父母,我想我会非常想去上学。 别跟我说话,谈谈你的感受。 疯子的感觉…

ps快速创建一个iPad终端购物应用程

ps快速创建一个iPad终端购物应用程

应用程序,教程,终端,创建一个,快速,本教程是向朋友介绍PS创建一个ipad购物应用程序的方法。这个教程很好。它是从国外翻译过来的。这是值得学习的。建议看一看。 ps快速创建一个iPad端购物应用程序教程,一起去看看吧! 本教程的结束,以上是快速…

腾讯PAD管理器(iPad)的功能是什么QQ

腾讯PAD管理器(iPad)的功能是什么QQ

常见问题,腾讯,管理器,功能,电脑软件,腾讯PAD管理器(iPad)包含以下功能: 主要功能 基本介绍 电池的维护 显示可用时间:根据当前电源显示可用时间,在各种用途上,让你有一个好的头脑。 全充电:帮您完成全部充电,每月至少完成一次充电量,有助于发挥电…

PS图象处理软件的新年新年签名教程

PS图象处理软件的新年新年签名教程

教程,新年,图象,处理软件,电脑软件,本教程是一个新年的签名方法介绍PS图象处理软件创造的人格美。教程产生的效果非常漂亮。推荐给你最喜欢的朋友。 本教程是易于使用的PS图象处理软件使春节最近签名教程,学生很多都是在忙的事情,不要给太难…

PS图象处理软件钢笔工具从两个方向

PS图象处理软件钢笔工具从两个方向

调整,工具,杠杆,图象,处理软件,本教程是为PS图象处理软件钢笔工具调整杆双向单路的教程,非常好,非常适合初学者学习,推荐给喜欢的朋友一样,可以按照教程一起学习。 PS图象处理软件钢笔工具调节杆通过双向开关通过在单一路径的演示后苹果缺口将…

在PHP设置和array_key_exists差异

在PHP设置和array_key_exists差异

设置,实证,差异,电脑软件,PHP,本文介绍了PHP设置和array_key_exists之间的差异。分享给你供你参考。具体分析如下: 1。数组中的价值判断,为空值或假,isset返回FALSE,返回真,array_key_exists; 2。执行效率是不同的,定是一个内置的运营商,array_ke…

经典签名悲伤点经典签名

经典签名悲伤点经典签名

经典,悲伤,电脑软件,个人签名能显示你的个性。有些人会在个人签名写自己的感受,和个人签名可以写你的个人feelings.qq个性签名是展示其个性、喜悦、愤怒、悲伤和快乐,所以叫个性签名。每个人每天、每一小时、每一分钟、每一秒都有不同的心情,…

人工智能图标教你使用人工智能,使美

人工智能图标教你使用人工智能,使美

图标,人工智能,教你,粉红色,美丽,本教程将介绍使用AI制作粉红色立体图标的过程,图标非常漂亮,方法非常简单,新手可以来学习和推荐,希望能对您有所帮助。 本教程是向朋友们介绍ai制作一个漂亮的粉红色立体图标的方法,教程是一个入门教程,而且图标…

简单的四个步骤进行分类下拉列表Ex

简单的四个步骤进行分类下拉列表Ex

步骤,教程,下拉列表,进行分类,简单,欢迎大家来,这篇文章为大家简单介绍四个步骤做一个分类下拉列表,欢迎大家阅读参考。 在日常工作中,为了节省输入时间和减少输入错误,您经常会看到并使用Excel表的下拉列表。因此,Excel窗体的下拉列表是如何创…

如何制作电子贺卡Word2003文字教程

如何制作电子贺卡Word2003文字教程

教程,文字,电子贺卡,电脑软件,电子贺卡的出现做出了很多的贡献节能。现在互联网上有很多卡,但都是受欢迎的,如果你想做一个好的、个性化的贺卡,也没有专业的能力。事实上,这个词的使用可以用来制作漂亮的卡片。在这个过程中,文本框的主要功能、…