【学习随记】js获取手机陀螺仪

// 使用vue<div id="app"><ul><li>设备是否提供绝对定位(absolute)数据: {{absolute}}</li><li>设备沿z轴(alpha)上的旋转角度: {{alpha}}</li><li>设备在x轴(beta)上的旋转角度: {{beta}}</li><li>设备在y轴(gamma)上的旋转角度: {{gamma}}</li></ul>
</div>let vm = new Vue({el: '#app',data: {absolute: '',alpha: '0',beta: '0',gamma: '0',},// watch: {// msg : function(nval,oval){//     console.log('nval', nval)//     console.log('oval', oval)// },// alpha: function(newVal,oldVal){//     console.log('new--alpha', newVal)//     console.log('old--alpha', oldVal)// }// },// computed: {// msg1: function() {//     return 'computed: ' + this.msg// },// alpha: function() {//     return 'computed: ' + this.alpha// }// },methods: {// 获取手机陀螺仪参数getGyro(){let that = this;if (window.DeviceOrientationEvent) {console.log("支持 deviceorientation", window.DeviceOrientationEvent)window.addEventListener('deviceorientation', function(e){that.absolute= e.absolute;that.alpha= parseInt(e.alpha);that.beta= parseInt(e.beta);that.gamma= parseInt(e.gamma);console.log('absolute', that.absolute)console.log('alpha', that.alpha)console.log('beta', that.beta)console.log('gamma', that.gamma)});} else {console.log("--不--支持 deviceorientation")}}},mounted(){this.getGyro();}
})

【学习随记】js获取手机陀螺仪相关推荐

ios html js调用陀螺仪,Js 获取手机陀螺仪
仅在移动端才能查看效果问题: 1.请确保在https环境下打开 2.ios手机需要用户手动获取权限后才能调用 DeviceOrientationEvent name="viewport&q ...
html调用手机陀螺仪,Js 获取手机陀螺仪
仅在移动端才能查看效果问题: 1.请确保在https环境下打开 2.ios手机需要用户手动获取权限后才能调用 DeviceOrientationEvent name="viewport&q ...
js获取PC设备信息,js获取手机设备信息,最全
获取设备系统和型号<封装方法> <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
js获取手机型号和手机操作系统版本号
js获取手机型号和手机操作系统版本号 js中,经常需要获取手机的手机号和操作系统获取方法如下: 1.js 判断IOS版本号先来观察 iOS 的 User-Agent 串: iPhone 4.3.2 ...
js获取手机设备型号，兼容h5
js获取手机设备型号,兼容h5 var brand = (window.navigator.userAgent).toLowerCase(); //获取手机型号信息,兼容h5 if (brand.in ...
ua获取手机型号_前端通过js获取手机型号
前段通过js获取手机型号需求: 用户登录后记录当前的手机型号并记录插件: 使用步骤: 获取UA信息->根据安卓和IOS不同的处理 IOS再通过插件mobile-device-js去获取型号 ...
使用mobile-detect.js获取手机型号和系统
获取手机操作系统,判断手机系统平台下载地址 https://github.com/hgoebl/mobile-detect.js/ 使用方法 <script type="text/j ...
html5获取手机设备号,mobile-detect.js获取手机型号和系统
在H5页面的开发中,肯定会遇到获取手机的型号等需求,使用js的navigator对象,能获取到有关浏览器的相关信息,但想获取手机使用的系统等更多内容还是有局限性的. 在网上搜到一个好用的获取手机型号和 ...
浏览器js 获取手机标识信息_手机软件多次要求获取手机信息，习惯性让其通过有安全隐患？...
大家在平常用手机新安装一个手机软件时,第一次打开该软件都会提示需要你允许该软件获取你的信息,为了方便我们一般都不会仔细去看究竟是哪一项权限,大多数的APP只是申请要麦克风或者摄像头的权限而已.但是总是 ...

【学习随记】js获取手机陀螺仪

【学习随记】js获取手机陀螺仪相关推荐

最新文章

热门文章