javascript - Chrome 桌面中的 ondevicemotion 返回 true

Question

我正在使用 github 上的“摇动”功能 - 它具有基于浏览器的 javascript 检测。

//feature detect
this.hasDeviceMotion = 'ondevicemotion' in window;

即使在 OS X 上的 Chrome 上，这也是正确的。这感觉很奇怪，因为我不愿意在桌面上摇晃显示器。

测试时，OS X 上的 Safari 给我返回“false”。

我进行了搜索，但无法找出 Chrome 决定走这条路的原因。这让我很烦恼。

有没有更好的方法来进行这种检测？并非所有“移动设备”也会抖动..或者不允许浏览器具有该功能，因为它似乎不适用于 Windows Phone。

Answer 1

不太确定你的问题，而且我只是在深入研究它的功能，但是你可以使用类似的东西

X : <span id="varx"></span>
Y : <span id="vary"></span>
Z : <span id="varz"></span>
<script>
    window.ondevicemotion = function(event){
        var accelerationX = event.accelerationIncludingGravity.x;
        var accelerationY = event.accelerationIncludingGravity.y;
        var accelerationZ = event.accelerationIncludingGravity.z;

        document.getElementById("varx").innerHTML = accelerationX;
        document.getElementById("vary").innerHTML = accelerationY;
        document.getElementById("varz").innerHTML = accelerationZ;
    };
</script>

仅当事件具有 AccelerationInclusionGravity 属性时才会显示该值，这仅适用于移动设备，并非 100% 这是您想要的，您也可以触发一个请求 if(accelerationX) 的事件{//execute action}else{//execute planB} 希望这有帮助，如果没有，我很乐意学习并获得一些反馈。