DeviceOrientationEvent是获取方向，得到device静止时的绝对值；

DeviceMotionEvent是获取移动速度，得到device移动时相对之前某个时间的差值比

设备定位API，该API允许你收集设备的方向和移动信息。此外，该API只在具备陀螺仪功能的设备上使用。

DeviceOrientationEvent

左右：0

前后：0

扭转：0

指北针指向：0度

指北针精度：0度

x轴加速度：0米每二次方秒

y轴加速度：0米每二次方秒

z轴加速度：0米每二次方秒

x轴加速度(考虑重力加速度)：0米每二次方秒

y轴加速度(考虑重力加速度)：0米每二次方秒

z轴加速度(考虑重力加速度)：0米每二次方秒

左右旋转速度：0度每秒

前后旋转速度：0度每秒

扭转速度：0度每秒

上次收到通知的间隔：0毫秒

function orientationHandler(event) {

document.getElementById("alpha").innerHTML = event.alpha;

document.getElementById("beta").innerHTML = event.beta;

document.getElementById("gamma").innerHTML = event.gamma;

document.getElementById("heading").innerHTML = event.webkitCompassHeading;

document.getElementById("accuracy").innerHTML = event.webkitCompassAccuracy;

}

function motionHandler(event) {

document.getElementById("interval").innerHTML = event.interval;

var acc = event.acceleration;

document.getElementById("x").innerHTML = acc.x;

document.getElementById("y").innerHTML = acc.y;

document.getElementById("z").innerHTML = acc.z;

var accGravity = event.accelerationIncludingGravity;

document.getElementById("xg").innerHTML = accGravity.x;

document.getElementById("yg").innerHTML = accGravity.y;

document.getElementById("zg").innerHTML = accGravity.z;

var rotationRate = event.rotationRate;

document.getElementById("Ralpha").innerHTML = rotationRate.alpha;

document.getElementById("Rbeta").innerHTML = rotationRate.beta;

document.getElementById("Rgamma").innerHTML = rotationRate.gamma;

}

if (window.DeviceMotionEvent) {

window.addEventListener("devicemotion", motionHandler, false);

} else {

document.body.innerHTML = "What user agent u r using???";

}

if (window.DeviceOrientationEvent) {

window.addEventListener("deviceorientation", orientationHandler, false);

} else {

document.body.innerHTML = "What user agent u r using???";

};