微信小程序中有个API:
wx.getSystemInfo() 可以获取系统的信息
wx.getSystemInfoSync()===》同步获取系统信息 wx.getSyatemInfo({
success: function ( res ){
console.log( res );
// 得到一个系统信息对象,以 iPhone 7 Plus 为例
SDKVersion:"1.9.0" // 客户端的基础版本库
batteryLevel: 100 // 会打印出此属性及属性值,据说是手机电量,但实际上跟手机电量并不吻合
brand:"iPhone" // 手机品牌
errMsg:"getSystemInfo:ok"
fontSizeSetting:16 // 用户设置的字体大小,单位px(以“我-设置-通用-字体大小”中的设置为准)
language:"zh_CN" // 微信设置的语言
model:"iPhone 7 Plus<iPhone9.2> " // 手机型号
pixelRatio:3 // 设备的像素比
platform:"ios" // 客户端平台
screenHeight:736 // 屏幕高度
screenWidth:414 // 屏幕宽度
system:"iOS 11.1.2" // 操作系统版本
version:"6.6.1" // 微信版本号
windowHeight:672 // 可使用窗口的高度
windowWidth:414 // 可使用窗口的宽度
}
})
在小程序开发的过程中,有一个自己没有注意过的点,尤其是screenHeight 和 windowHeight 的区别,导致在手指触摸移动组件的时候位置错误。
以下是 screenHeight 和 windowHeight 的区别( 同理 screenWidth 和 windowWidth ):