陀螺仪--deviceorientation

window.addEventListener("deviceorientation",function (event){
            console.log(event);
            document.getElementById("main").innerHTML = `alpha:${event.alpha}
            <br>
            beta:${event.beta}
            <br>
            gamma:${event.gamma}
            `;
        })

注意事项

1.只有带陀螺仪的设备才支持体感，显然电脑是不支持的
2.event对象中用有三个参数吗，分别是alpha,beta,gamma
alpha:指北的作用，范围在[0,360),0的时候指北，180的时候指南。
beta：平放的时候为0，短边接触桌面，直立的时候为90，倒立的时候是-90.
gamma：平放的时候为0，长边接触桌面，左侧直立的时候为90，右侧直立的时候是-90.