在微信小程序的开发中,经常需要获取手机系统相关信息


  • 手机屏幕宽高
  • 状态栏的高度
  • 操作系统版本
  • 字体大小等

微信小程序提供了wx.getSystemInfo接口
参数是一个Object对象,属性如表4.1所示

wx.getSystemInfo参数

image.png
通过调用接口,在success里就可以得到系统信息,返回的数据如表4.2所示

系统信息

image.png使用wx.getSystemInfo接口获取系统信息的示例

  1. Page({
  2. onLoad: function (options) {
  3. wx.getSystemInfo({
  4. success(res) {
  5. console.log("手机型号:",res.model)
  6. console.log("设备像素比:",res.pixelRatio)
  7. console.log("手机屏幕宽度:",res.windowWidth)
  8. console.log("手机屏幕高度:",res.windowHeight)
  9. console.log("微信设置的语言:",res.language)
  10. console.log("微信版本号:",res.version)
  11. console.log("客户端平台:",res.platform)
  12. }
  13. })
  14. }
  15. })

在控制台查看输出结果
image.png
微信小程序也提供了wx.getSystemInfoSync,以同步的方法获取系统信息。代码如下:

  1. var res = wx.getSystemInfoSync()
  2. console.log(res.model)
  3. console.log(res.pixelRatio)
  4. console.log(res.windowWidth)
  5. console.log(res.windowHeight)
  6. console.log(res.language)
  7. console.log(res.version)
  8. console.log(res.platform)