http://zhidian.wuute.com/html5dev/ 2026-05-20T15:25:17+09:00 http://zhidian.wuute.com/html5dev/ http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico text/html 2017-04-17T12:24:10+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/66/battery?rev=1492399450&do=diff 电池状态 概述 电池状态(Battery Status)API是通过navigator的battery属性来实现的,battery对象提供了有关系统电池级别的信息,还定义了一些当电池电量或状态发生变化时触发的事件。 因此WEB应用程序可以监视电池的状况以做一些相应的处理,比如电量不足的时候把数据做个离线保存等等。 text/html 2017-04-17T10:44:05+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/66/camera?rev=1492393445&do=diff 摄像头 概述 摄像头(Camera)API是通过input元素来实现的，其中该元素的type属性必须为“file”,accept属性要允许图片格式，这样才能指示该文件选择框允许选择图片，包括直接通过摄像头拍摄图片。 text/html 2017-04-18T00:54:19+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/66/geolocation?rev=1492444459&do=diff 地理定位 概述 地理定位(Geolocation)API是通过navigator的geolocation属性来实现的,geolocation对象用于用户向Web应用程序提供他们的位置。因为隐私，报告地理位置前需要先请求用户许可。 代码示例 text/html 2017-04-17T23:34:37+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/66/luminosity?rev=1492439677&do=diff 屏幕亮度 概述 屏幕亮度(Luminosity )API是通过devicelight事件来实现的,通过监测devicelight事件,WEB应用程序可以监视屏幕亮度的变换,在屏幕亮度变换后做一些相应的处理机。 代码示例 浏览器支持检测 text/html 2017-04-18T00:54:34+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/66/notification?rev=1492444474&do=diff 桌面通知 概述 可以方便的通过Notifications API为web应用添加桌面通知功能。 示例 if(window.Notification) { if(window.Notification.permission !== "granted") { Notification.requestPermission(); } notify(); } else { console.log("当前浏览器不支持桌面通知！"); } function notify() { var notification = new window.Notification("this is notification title", { icon: "", body: "hey there! this is notification body!" }); notification.onclick = function() { // do something } }… text/html 2017-04-17T12:35:38+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/66/orientation?rev=1492400138&do=diff 设备方向 概述 设备方向(Orientation)API是通过deviceorientation事件来实现的,通过监测deviceorientation事件, WEB应用程序可以监视设备(通常是手机游戏机等移动设备)的方向变换,在方向变换后做一些相应的处理,例如页面布局调整等等。 text/html 2017-04-18T00:49:44+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/66/start?rev=1492444184&do=diff 设备访问 定义 设备访问(Device Access)指的是WEB应用程序直接访问和操作客户端设备。 概述 设备访问API让WEB应用程序能够直接处理客户端本地的各种输入和输出设备,而这些功能传统上只能通过本地原生应用来实现。 这点在开发移动WEB应用时效果更为明显,从而让HTML5成为一个统一前端平台真正变为可能。 text/html 2017-04-17T12:16:27+09:00 http://zhidian.wuute.com/html5dev/doku.php/36/66/vibration?rev=1492398987&do=diff 设备震动 概述 设备震动(Vibration )API是通过vibrate()方法来实现的,通过该方法, 当有事件通知时,WEB应用程序可以让设备震动以达到提醒用户的目的。 代码示例 浏览器支持检测 通过以下代码可以事先检测浏览器是否支持本API。