网上相关文档很多,但都是复制粘贴的。先贴出我的参考 DeviceMotionEvent官方文档 DeviceOrientation Event Specification
有关摇一摇的代码
var SHAKE_THRESHOLD = 3000;
var last_update = 0;
var x = (y = z = last_x = last_y = last_z = 0);
if (window.DeviceMotionEvent) {
window.addEventListener("devicemotion", deviceMotionHandler, false);
}
function deviceMotionHandler(eventData) {
var acceleration = eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();
if (curTime - last_update > 100) {
var diffTime = curTime - last_update;
last_update = curTime;
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
var speed =
(Math.abs(x + y + z - last_x - last_y - last_z) / diffTime) * 10000;
if (speed > SHAKE_THRESHOLD) {
clickAd();
}
last_x = x;
last_y = y;
last_z = z;
}
}
重点来了!
该实现区分安卓版本,经过我的测试,安卓6.0及以下机型,可以在http请求下实现。 安卓9.0以上机型,需要在https请求下实现! 安卓9.0以上机型,需要在https请求下实现! 安卓9.0以上机型,需要在https请求下实现!
之前一直认为是使用的问题,我在本地使用anywhere服务,起了一个服务,http://192.168.1.6:8000,在高版本手机上一直找不到window.DeviceMotionEvent,也没有DeviceOrientationEvent,所以就算监听了devicemotion(加速度)/ deviceorientation(物理旋转的信息)/ compassneedscalibration(指南针),也没有任何效果。
解决方法,如果有https的服务器,可以放上去。如果没有,就下载一个charles,通过本地代理的形式,随便找个https的get请求,把他的返回结果maplocal到你的本地文件,也能实现(具体的可以去查阅一下charles的使用方法)。
|