只有带陀螺仪的设备才支持体感
    苹果设备的页面只有在https协议下才能使用这些接口
    苹果11.1.x以及之前,是可以使用的,包括微信浏览器

    alpha:指北(指南针)【0°,360°】当为0°时指向北,180°指向南
    beta:手机平放时为0 ,手机窄边立起来,此时屏幕对着你 此时beta为90,若手机背部对着自己此时beta为-90
    gamma: 手机平放时为0,如果将手机宽边立起来,此时屏幕对着自己此时gamma为-90 若手机背部对着自己此时gamma为90

    1. <div id="box"></div>
    2. <script>
    3. const box = document.getElementById('box')
    4. window.addEventListener("deviceorientation",function(event){
    5. box.innerHTML = `
    6. alpha:${event.alpha} <br/>
    7. beta:${event.beta} <br/>
    8. gamma:${event.gamma}
    9. `
    10. })
    11. </script>

    手机平放桌面指向北
    Screenshot_2020-10-07-15-41-53-886_com.quark.brow.jpg