微信小程序适配iPhone X
生活随笔
收集整理的這篇文章主要介紹了
微信小程序适配iPhone X
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、獲取設備型號
App({// 全局數據globalData: {// 其他數據定義 ...isIPX: false, // 當前設備是否為 iPhone X},// 小程序啟動入口onLaunch: function (options) {// 其他啟動代碼...// 判斷設備是否為 iPhone Xthis.checkIsIPhoneX()},checkIsIPhoneX: function() {const self = thiswx.getSystemInfo({success: function (res) {// 根據 model 進行判斷if (res.model.search('iPhone X') != -1) {self.globalData.isIPX = true}// 或者根據 screenHeight 進行判斷// if (res.screenHeight == 812) {// self.globalData.isIPX = true// }}})},NOTE:
這里有一個小坑需要注意,在微信開發者工具中的模擬器,如果選擇為 iPhone X,此時獲取到的 model 值為 iPhone X,導致我以為真機也是這個值,于是直接用 if (model == 'iPhone X') 來判斷,但其實真機下 model 的值為這種格式: iPhone X (GSM+CDMA)<iPhone10,3>,因此我們需要用字符串檢索匹配進行判斷
轉載于:https://www.cnblogs.com/lml-lml/p/11418537.html
總結
以上是生活随笔為你收集整理的微信小程序适配iPhone X的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js 判断字符串中是否包含某个字符串
- 下一篇: openresty开发系列1--网关AP