HTML5 Device API（1）

设备运动接口

小米自带浏览器

UC浏览器

QQ浏览器

兼容情况

getCurrentLocaionwatchPosition

Geolocation API

地理位置接口

网页指南针

度数 = 360 - alpha

重力感应接口

navigator.battery

电池状态接口

- charging，设备是否正在充电- chargingTime，充满电所需时间，以秒为单位- dischargingTime，剩下的电量还能用多久，以秒为单位- level，当前电量，取值范围0-1，1表示满电

- onchargingchange- onchargingtimechange- ondischargingtimechange- onlevelchange

navigator.vibrate(time);

navigator.vibrate([2000,1000,3000]);

兼容性更差

振动接口

最大缺点：失败率高

地理位置接口

重力感应接口

Device Orientation API

兼容情况

iOS

Android

重力感应接口

alpha     180beta       0gamma  0

alpha     0beta       45gamma  0

alpha     0beta       0gamma  0

alpha     0beta       0gamma  45

振动接口

Vibration API

兼容情况

摇一摇： 在一个时间间隔内的变化量（一般保证大于100ms）

设备运动接口

其他接口

网络情况接口媒体捕获接口（相机、音频、视频）本地相册访问接口系统通知接口环境光源接口短信接口通话接口webNFC接口……

重力感应接口

alpha       绕着Z轴转beta         绕着X轴转gamma    绕着Y轴转

getCurrentPosition(onSuccess, onError, options)

地理位置接口

alpha? beta? gamma?

重力感应接口

会有误差：即使放在桌上数组也会发生变化

重力感应球赛车3D壁纸……

重力感应接口

Battery Status API

兼容情况

电池状态接口

H5新特性你的手机支持吗

HTML5  Device  API

老教授

设备运动接口

地理位置接口

options1. `enableHighAccuracy`，是否启用高精度定位，当然，启用之后会延长定位时间，默认为false;2. `timeout`，超时时间，如果在规定的时间内没获取到地理位置，则触发`onError`并带上超时错误码。默认不限时长；3. `maximumAge`，缓存时长，如果为0则不缓存获取到的位置每次都去获取最新，如果大于0则在缓存时间内不会再去进行定位而是返回缓存数据，默认为0。

watchPosition(onSuccess, onError, options)

clearWatch()

导航

地理位置接口

兼容情况

和重力感应接口一套API

设备运动接口

Device Motion API