【https】踩坑DeviceMotionEvent（设备加速度感应）实现摇一摇功能

网上相关文档很多，但都是复制粘贴的。先贴出我的参考
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的使用方法）。