只有带陀螺仪的设备才支持体感
苹果设备的页面只有在https协议下才能使用这些接口
苹果11.1.x以及之前,是可以使用的,包括微信浏览器
alpha:指北(指南针)【0°,360°】当为0°时指向北,180°指向南
beta:手机平放时为0 ,手机窄边立起来,此时屏幕对着你 此时beta为90,若手机背部对着自己此时beta为-90
gamma: 手机平放时为0,如果将手机宽边立起来,此时屏幕对着自己此时gamma为-90 若手机背部对着自己此时gamma为90
<div id="box"></div>
<script>
const box = document.getElementById('box')
window.addEventListener("deviceorientation",function(event){
box.innerHTML = `
alpha:${event.alpha} <br/>
beta:${event.beta} <br/>
gamma:${event.gamma}
`
})
</script>
手机平放桌面指向北