uni-app 如何获取设备信息？

推荐答案

在 uni-app 中，可以通过 uni.getSystemInfo 或 uni.getSystemInfoSync 方法来获取设备信息。以下是示例代码：

// 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); // 客户端平台
  }
});

// 同步获取设备信息
try {
  const res = uni.getSystemInfoSync();
  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); // 客户端平台
} catch (e) {
  console.error(e);
}

本题详细解读

1. uni.getSystemInfo 方法

uni.getSystemInfo 是一个异步方法，用于获取设备的系统信息。它接收一个对象作为参数，该对象包含 success、fail 和 complete 回调函数。success 回调函数会在成功获取设备信息时执行，返回的对象包含设备的详细信息。

2. uni.getSystemInfoSync 方法

uni.getSystemInfoSync 是一个同步方法，直接返回设备信息的对象。与异步方法相比，同步方法更适合在需要立即获取设备信息的场景中使用。

3. 返回的设备信息

无论是异步还是同步方法，返回的设备信息对象通常包含以下字段：

• model: 设备型号，如 "iPhone X"。
• pixelRatio: 设备像素比。
• windowWidth: 可使用窗口宽度。
• windowHeight: 可使用窗口高度。
• language: 设备设置的语言。
• version: 操作系统版本。
• platform: 客户端平台，如 "ios" 或 "android"。

4. 使用场景

获取设备信息在开发中非常常见，特别是在需要根据设备特性进行适配或功能判断时。例如，根据设备型号调整 UI 布局，或根据操作系统版本决定是否启用某些功能。

5. 注意事项

• 异步方法 uni.getSystemInfo 适合在需要处理复杂逻辑或网络请求的场景中使用。
• 同步方法 uni.getSystemInfoSync 适合在需要立即获取设备信息的场景中使用，但要注意避免在主线程中执行耗时操作。

通过以上方法，开发者可以轻松获取设备的详细信息，并根据这些信息进行相应的逻辑处理。