有些代码跑着跑着就报错了,有些陀螺仪用着用着就不能用了。
目前时间是2020.4.4,发现 ios 13系统调用陀螺仪 需要申请用户权限(这应该是个趋势,后面安卓应该陆续跟进)。具体实现来看下:
1.申请权限的方法是:window.DeviceOrientationEvent.requestPermission,返回值是个promise,promise中会返回 用户的 允许(“granted”)/拒绝(”denied“) 状态;可能还有第三个值”prompt“,目前不知道怎么会返回这第三个值;
2.requestPermission方法的”首次“调用 需要 由用户交互触发(目前发现 click,touchend事件可以)。
2.1 先说下 ”首次“的含义。指的是用户 完全退出app(而不是 app切换到后台运行) 后再次打开为首次。用户在首次进入后 如果页面需要陀螺仪权限,需要用户交互才能触发requestPermission方法。之后系统会记录 用户对本网址的授权信息,不退出app的情况下就不需要重复申请本权限了,本记录信息会一直保留 直到完全退出app。
2.2 非首次调用的话 则不需要用户交互 触发,我们在页面初始化时调用来拿到 用户的 授权状态 进而做一些处理。
2.3 如果首次调用 不是由 用户触发,比如 页面初始化时 调用,则此方法的promis会返回reject状态。
3.现在可以写一下 大概逻辑流程。
4.需要注意,使用陀螺仪 需要https协议,且一经用户授权/禁止,系统会保留用户授权状态,不再重复系统弹框,直到完全退出app。
5.上一个官方文档,点这.
6.贴个代码
window.DeviceOrientationEvent.requestPermission()
.then(state => {
if(state === "granted"){//允许
console.error("用户允许",state)
}else if(state === "denied"){//拒绝
console.error("用户拒绝",state)
}else if(state === "prompt"){
console.error("用户干了啥",state)
}