Vor Kurzem habe ich mit shake.js eine ähnliche Funktion wie shake erstellt. Die Shake-Funktion kann jedoch in Versionen vor ios13.3 ausgelöst werden und spätere Versionen müssen kompatibel sein. Es muss ein Popup-Fenster erstellt werden, auf das Benutzer manuell klicken können, damit sie Berechtigungen für Aktionen und Anweisungen erteilen können. (https-Protokoll ist erforderlich) <van-popup v-model="isTip" class="popInfo" :schließen-beim-klicken-overlay="false"> <div Klasse="Hauptteil"> <h3 class="systemTip">Warme Tipps</h3> <div Klasse="bestätigen"> Da das iOS-System zum Zugriff auf Aktionen und Anweisungen manuell die Berechtigung einholen muss, klicken Sie in der Zugriffsaufforderung auf „Zulassen“, um den normalen Spielverlauf sicherzustellen. </div> </div> <button Klasse="bottomButton" @click="handleInit"> Verstanden</button> </van-popup> shake.js //Shake.js einführen erstellt(){ dies.initShake() const isAction = JSON.parse(localStorage.getItem('getAction')) var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf("wie mac os x") > 0) { var reg = /os [\d._]*/gi; var verinfo = ua.match(reg); var version = (verinfo+"").replace(/[^0-9|_.]/ig,"").replace(/_/ig,"."); wenn (parseFloat(version) >= 13.3 && !isAction){ localStorage.setItem("getAction",true) this.isTip = wahr } } }, Methoden:{ initShake(){ this.myShakeEvent = neuer Shake({ Schwellenwert: 15, // Timeout für Schüttelschwelle: 1000 // Ereignishäufigkeit, optionaler Wert}); dies.myShakeEvent.start(); window.addEventListener('schütteln', xx); }, handleInit(){ this.isTip = falsch dies.ios13granted() }, ios13granted() { wenn (Typ von DeviceMotionEvent.requestPermission === 'Funktion') { DeviceMotionEvent.requestPermission().then(permissionState => { wenn (permissionState === 'gewährt') { this.initShake() //Shake} else if(permissionState === 'denied'){// Der von Ihnen geöffnete Link beginnt nicht mit https alert("Das aktuelle IOS-System verweigert den Zugriff auf Aktionen und Anweisungen. Bitte beenden Sie WeChat und rufen Sie die Veranstaltungsseite erneut auf, um Berechtigungen zu erhalten. Oder klicken Sie direkt auf den Lotterie-Bucket, um an der Veranstaltung teilzunehmen.") } }).catch((Fehler) => { alert("Das Anfordern der Geräteausrichtung oder des Bewegungszugriffs erfordert Benutzergesten zur Aufforderung") }) } anders { // Mit regulären Geräten umgehen, die nicht auf iOS 13 oder höher laufen, alert("Mit regulären Geräten umgehen, die nicht auf iOS 13 oder höher laufen") } }, } Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
>>: Detaillierte Erläuterung der Nginx-Optimierung in Szenarien mit hoher Parallelität
1. Hintergrund 1. Das Frontend verwendet vue + vu...
Ich bin kürzlich auf einen Fehler gestoßen, als i...
Dieser Hinweis ist ein Installationstutorial. Er ...
Hier einige Tipps von Ausbildungsstätten und mein...
mktemp Erstellen Sie auf sichere Weise temporäre ...
<!DOCTYPE HEML PUBLIC> <html> <Kop...
Lösung: Setzen Sie den Zielattributwert des Links ...
Inhaltsverzeichnis 4 Isolationsebenen von MySQL E...
Genau wie bei Code können Sie den Tabellen und Sp...
MongoDB ist plattformübergreifend und kann sowohl...
Inhaltsverzeichnis Vorwort Was ist VueUse Einfach...
Vue3.0 ist bereits seit einiger Zeit auf dem Mark...
Durch die Verwendung von Dockerfile können Benutz...
Häufig fehlt das Verständnis für mehrspaltige Ind...
Der Eigenschaftswert „Inline-Block“ ist sehr nütz...