微信小程序 获取设备信息API实例详解

微信小程序提供了获取设备信息的API，可以通过该API获取设备的基本信息，例如设备型号、操作系统版本、客户端平台等。本文将详细讲解如何使用该API。

获取设备信息API

在小程序中，可以通过 wx.getSystemInfo() 方法获取设备信息，该方法返回一个对象，包含了设备的基本信息。

该方法的语法如下：

wx.getSystemInfo({
  success: function(res) {
    console.log(res);
  },
  fail: function(res) {
    console.log("获取设备信息失败！")
  }
})

其中，success 和 fail 分别是成功和失败的回调函数。当获取设备信息成功时，success 回调函数将返回一个包含设备信息的对象，该对象包含以下属性：

• brand：手机品牌
• model：手机型号
• pixelRatio：设备像素比
• screenWidth：屏幕宽度
• screenHeight：屏幕高度
• windowWidth：可使用窗口宽度
• windowHeight：可使用窗口高度
• statusBarHeight：状态栏高度
• language：微信设置的语言
• version：微信版本号
• system：操作系统版本
• platform：客户端平台
• fontSizeSetting：用户设置的字体大小

当获取设备信息失败时，fail 回调函数将返回一个包含错误信息的对象。

示例一：在页面中显示设备信息

下面的示例展示了如何在页面中显示设备信息：

Page({
  data: {
    systemInfo: {}
  },
  onLoad: function() {
    const that = this;
    wx.getSystemInfo({
      success: function(res) {
        that.setData({
          systemInfo: res
        })
      }
    })
  }
})

其中，systemInfo 属性存储了设备信息对象。在页面的 onLoad 生命周期函数中，调用了 wx.getSystemInfo() 方法获取设备信息，并通过 setData() 方法将设备信息存储到 systemInfo 属性中。

在页面中，可以通过 {{systemInfo}} 来访问设备信息对象，并以 JSON 格式展示出来。

示例二：获取设备可使用窗口宽度

下面的示例展示了如何获取设备可使用窗口宽度：

Page({
  data: {
    windowWidth: 0
  },
  onLoad: function() {
    const that = this;
    wx.getSystemInfo({
      success: function(res) {
        that.setData({
          windowWidth: res.windowWidth
        })
      }
    })
  }
})

其中，windowWidth 属性存储了设备可使用窗口宽度。在页面的 onLoad 生命周期函数中，调用了 wx.getSystemInfo() 方法获取设备信息，并通过 setData() 方法将设备可使用窗口宽度存储到 windowWidth 属性中。

在页面中，可以通过 {{windowWidth}} 来访问设备可使用窗口宽度。

以上就是微信小程序获取设备信息的详细说明和示例。通过本文，你可以轻松地获取设备信息，并在小程序中灵活地使用它们。