In der Frontend-Entwicklung ist es oft notwendig, mit verschiedenen Betriebssystemen unterschiedlich umzugehen, was eine Beurteilung des Betriebssystems des aktuellen Geräts erfordert. Wie kann im plattformübergreifenden Entwicklungsframework uniapp festgestellt werden, ob das aktuelle Gerät Apple oder Android ist? Nachfolgend möchte ich Ihnen eine kurze Einführung geben.
Zunächst müssen wir verstehen, wie uniapp plattformübergreifend ist. uniapp basiert auf vue.js und übernimmt hervorragende Front-End-Designideen und -technologien. Auf der Grundlage von vue.js werden einige plattformübergreifende Erweiterungen hinzugefügt, um eine Reihe von UI-Frameworks zu bilden, die plattformübergreifend verwendet werden können. Uniapp-Entwickler müssen nur einen Satz Codes entwickeln, um gleichzeitig laufende Codes für verschiedene Plattformen (einschließlich, aber nicht beschränkt auf WeChat-Miniprogramme, Alipay-Miniprogramme, H5, App usw.) zu generieren.
Dann stellen wir Ihnen vor, wie Sie das Betriebssystem des aktuellen Geräts in uniapp ermitteln.
1. Verwenden Sie ua, um zu beurteilen
ua bezieht sich auf den User Agent, der Teil des HTTP-Anforderungsheaders des Browsers ist und zum Übertragen von Informationen über seinen eigenen Browser und sein Betriebssystem an den Server verwendet wird. In uniapp können wir die aktuellen Geräteinformationen über uni.getSystemInfoSync() abrufen, einschließlich der UA-Informationen des Geräts. Wir können die UA-Informationen über reguläre Ausdrücke abgleichen, um auf das Betriebssystem des aktuellen Geräts zu schließen.
Der Code ist wie folgt implementiert:
let ua = uni.getSystemInfoSync().platform; if(/ios/i.test(ua)){ // 苹果 } else if(/android/i.test(ua)){ // 安卓 } else { // 其他 }
2 Verwenden Sie die von uni-app bereitgestellte API
In uniapp gibt es auch eine # 🎜🎜# Der Wert kann das Betriebssystem des aktuellen Geräts bestimmen. uni.getSystemInfoSync()
的API可以直接获取当前设备的厂商和操作系统信息。我们只需要判断platform
let platform = uni.getSystemInfoSync().platform; if(platform === 'ios'){ // 苹果 } else if(platform === 'android'){ // 安卓 } else { // 其他 }
let platform = uni.getStorageSync('$platform'); if(platform === 'ios'){ // 苹果 } else if(platform === 'android'){ // 安卓 }
Das obige ist der detaillierte Inhalt vonWie unterscheidet Uniapp zwischen Apple und Android?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!