如何使用 uni.getSystemInfo 获取系统信息？

推荐答案

// www.javascriptcn.com code example
uni.getSystemInfo({
  success: function (res) {
    console.log(res.model); // 设备型号
    console.log(res.pixelRatio); // 设备像素比
    console.log(res.windowWidth); // 可使用窗口宽度
    console.log(res.windowHeight); // 可使用窗口高度
    console.log(res.language); // 系统语言
    console.log(res.version); // 微信版本号
    console.log(res.platform); // 客户端平台
    console.log(res.system); // 操作系统版本
    console.log(res.screenWidth); // 屏幕宽度
    console.log(res.screenHeight); // 屏幕高度
  }
});

本题详细解读

1. uni.getSystemInfo 的作用

uni.getSystemInfo 是 uni-app 提供的一个 API，用于获取设备或系统的信息。通过这个 API，开发者可以获取到设备的型号、屏幕尺寸、操作系统版本等信息，这些信息在开发过程中非常有用，尤其是在需要适配不同设备时。

2. 参数说明

uni.getSystemInfo 接受一个对象作为参数，该对象包含一个 success 回调函数。当 API 调用成功时，success 回调函数会被触发，并且会传入一个包含系统信息的对象 res。

3. res 对象的属性

• res.model: 设备型号，如 "iPhone X"。
• res.pixelRatio: 设备像素比，即物理像素与逻辑像素的比例。
• res.windowWidth: 可使用窗口的宽度，单位为逻辑像素。
• res.windowHeight: 可使用窗口的高度，单位为逻辑像素。
• res.language: 系统语言，如 "zh_CN"。
• res.version: 微信版本号（仅在微信小程序中有效）。
• res.platform: 客户端平台，如 "ios" 或 "android"。
• res.system: 操作系统版本，如 "iOS 13.2"。
• res.screenWidth: 屏幕宽度，单位为逻辑像素。
• res.screenHeight: 屏幕高度，单位为逻辑像素。

4. 使用场景

• 设备适配: 根据设备的屏幕尺寸和像素比，动态调整 UI 布局。
• 多语言支持: 根据系统语言设置，加载不同的语言包。
• 平台判断: 根据 res.platform 判断当前运行的平台，执行不同的逻辑。

5. 注意事项

• uni.getSystemInfo 是异步操作，因此需要在回调函数中处理获取到的信息。
• 不同平台返回的信息可能有所不同，开发者需要根据实际情况进行兼容处理。