IOS 苹果手机使用重力加速度，js web devicemotion，deviceorientation事件

IOS 上使用 devicemotion，deviceorientation 事件获取移动设备方向和动作数据时，不起效

原因： ios13+ 限制了该事件

必须在有用户点击才可拉起询问，询问同意才可以响应这两个事件

<button onclick="start()">start</button>
<script>(function () { var script = document.createElement('script'); script.src="https://cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();function start(){if(!DeviceMotionEvent){console.error('暂时不支持')}else{if(DeviceMotionEvent.requestPermission){DeviceMotionEvent.requestPermission().then(permissionState => {console.log(permissionState)if (permissionState === 'granted') {window.addEventListener('devicemotion', function(e) { console.log('devicemotion', e)}, true);window.addEventListener('deviceorientation', function(e) { console.log('deviceorientation', e)}, true);}}).catch((err) => {console.error(err);});}else{window.addEventListener('devicemotion', function(e) { console.log('devicemotion', e)}, true);window.addEventListener('deviceorientation', function(e) { console.log('deviceorientation', e)}, true);}}}
</script>

demo

demo源码

IOS 苹果手机使用重力加速度，js web devicemotion，deviceorientation事件相关推荐

Node.js 指南（Docker化Node.js Web应用程序）
Docker化Node.js Web应用程序此示例的目的是向你展示如何将Node.js应用程序放入Docker容器中,该指南旨在用于开发,而不用于生产部署,本指南还假设你有一个有效的Docker安装 ...
Dockerizing a Node.js web app
2019独角兽企业重金招聘Python工程师标准>>> Dockerizing a Node.js web app The goal of this example is to sh ...
node.js Web应用框架Express入门指南
node.js Web应用框架Express入门指南作者: 字体:[增加减小] 类型:转载时间:2014-05-28 我要评论这篇文章主要介绍了node.js Web应用框架Express入门 ...
Node.js Web 模块
Node.js Web 模块什么是 Web 服务器? Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服务器的基本功能就是提供Web信息浏览服务.它只需支持HTTP协议. ...
轻松搭建基于 Serverless 的 Egg.js Web 应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传.函数计算准备计 ...
《Node.js入门》Windows 7下Node.js Web开发环境搭建笔记
最近想尝试一下在IBM Bluemix上使用Node.js创建Web应用程序,所以需要在本地搭建Node.js Web的开发测试环境. 这里讲的是Windows下的搭建方法,使用CentOS 的小伙伴 ...
解答网友提问 | 使用VS2022快速生成React/Angular/Vue.js + Web API前后端集成项目
前言上次发表了<一键生成Vue.js + Web API前后端集成项目>后,有多位网友来问,有不有其他的前后端集成模板: 实际上,VS2022没有提供前后端集成项目模板. 但是,使用VS ...
一键生成Vue.js + Web API前后端集成项目
前言默认情况下,Visual Studio提供了"基于Vue.js Web 应用程序"项目模板,可以生成Vue.js前端项目. 你需要另外创建Web API项目,调试时需要同时启 ...
移动WEB开发之JS内置touch事件[转]
iOS上的Safari也支持click 和mouseover等传统的交互事件,只是不推荐在iOS的浏览器应用上使用click和mouseover,因为这两个事件是为了支持鼠标点击而设计出来的.Cli ...
node.js web框架_使用Node.js进行Web爬取的终极指南
node.js web框架 So what's web scraping anyway? It involves automating away the laborious task of colle ...

IOS 苹果手机使用重力加速度，js web devicemotion，deviceorientation事件

IOS 苹果手机使用重力加速度，js web devicemotion，deviceorientation事件相关推荐

最新文章

热门文章

IOS 苹果手机 使用重力加速度，js web devicemotion，deviceorientation事件

IOS 苹果手机 使用重力加速度，js web devicemotion，deviceorientation事件相关推荐

最新文章

热门文章

IOS 苹果手机使用重力加速度，js web devicemotion，deviceorientation事件

IOS 苹果手机使用重力加速度，js web devicemotion，deviceorientation事件相关推荐