av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Vue實現搖一搖功能(兼容ios13.3以上)

瀏覽:4日期:2022-10-08 17:53:52

最近做了個搖一搖類似的功能,使用的是shake.js,但在ios13.3之前的版本中可以觸發搖一搖,之后的版本需要兼容,需要制作一個讓用戶能手動點擊的彈框,才能使用戶授權動作與方向的權限。(需使用https協議)

Vue實現搖一搖功能(兼容ios13.3以上)

<van-popup v-model='isTip' :close-on-click-overlay='false'> <div class='mainBody'> <h3 class='systemTip'>溫馨提示</h3> <div class='confirm'> 由于ios系統需要手動獲取訪問動作與方向的權限,為保障游戲的正常進行,請在訪問提示中點擊允許。 </div> </div> <button @click='handleInit'> 知道了 </button></van-popup>

shake.js

//引入shake.jscreated(){ this.initShake() const isAction = JSON.parse(localStorage.getItem(’getAction’)) var ua = navigator.userAgent.toLowerCase(); if(ua.indexOf('like mac os x') > 0){ var reg = /os [d._]*/gi ; var verinfo = ua.match(reg) ; var version = (verinfo+'').replace(/[^0-9|_.]/ig,'').replace(/_/ig,'.'); if (parseFloat(version) >= 13.3 && !isAction){ localStorage.setItem('getAction',true) this.isTip = true } }},methods:{ initShake(){ this.myShakeEvent = new Shake({ threshold: 15, // 搖動閾值 timeout: 1000 // 事件發生頻率,是可選值 }); this.myShakeEvent.start(); window.addEventListener(’shake’, xx); }, handleInit(){ this.isTip = false this.ios13granted() }, ios13granted() { if (typeof DeviceMotionEvent.requestPermission === ’function’) { DeviceMotionEvent.requestPermission().then(permissionState => { if (permissionState === ’granted’) { this.initShake() //搖一搖 } else if(permissionState === ’denied’){// 打開的鏈接不是https開頭 alert('當前IOS系統拒絕訪問動作與方向。請退出微信,重新進入活動頁面獲取權限?;蛑苯狱c擊抽簽桶參與活動') } }).catch((error) => { alert('請求設備方向或動作訪問需要用戶手勢來提示') }) } else { // 處理常規的非iOS 13+設備 alert('處理常規的非iOS 13+設備') } },}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: IOS
相關文章:
主站蜘蛛池模板: 色本道| 日韩不卡一区二区三区 | 91热爆在线观看 | 狠狠狠干 | 黄色一级片aaa | 日韩在线观看一区 | 午夜久久久 | 欧美簧片 | 国产精品久久久久aaaa九色 | 国产高清精品一区二区三区 | 日韩欧美国产精品 | 国产精品呻吟久久av凹凸 | 亚洲一区二区三区在线视频 | 一区二区在线 | 日日天天 | 羞羞色网站 | 国产精品久久福利 | 综合天天久久 | 一级免费毛片 | 久久男人天堂 | 在线欧美小视频 | 日本男人天堂 | 国产成人网 | 国产精品成人国产乱 | 在线只有精品 | 福利片在线看 | 国产精品美女www | 精品国产乱码久久久久久牛牛 | 日韩精品一区二区三区久久 | 日韩精品一区二区三区视频播放 | 黄色网址在线免费观看 | 一区二区三区电影在线观看 | 久久久亚洲一区 | 亚洲视频一区 | 亚洲视频一区 | 水蜜桃久久夜色精品一区 | 99精品免费视频 | 视频一区在线播放 | 毛片在线免费播放 | 91麻豆精品国产91久久久更新资源速度超快 | 一级免费a |