useDeviceInfo

警告

更推荐大家使用useSystemInfo. 除abi外所有的信息均可获取到

获取设备基础信息

何时使用

当需要获取设备基础信息做一些判断时

API

const deviceInfo = useDeviceInfo();

参数说明

无

返回值说明

deviceInfo

参数	类型	说明
abi	string	应用二进制接口类型（仅 Android 支持）
benchmarkLevel	number	设备性能等级（仅 Android 小游戏）。取值为：-2 或 0（该设备无法运行小游戏），-1（性能未知），>=1（设备性能值，该值越高，设备性能越好，目前最高不到 50）
bluetoothEnabled	boolean	蓝牙的系统开关
brand	string	设备品牌
model	string	设备型号
platform	string	客户端平台
system	string	操作系统及版本

代码演示

React

basic/useDeviceInfo/index

import React from 'react';
import DemoContent from '@src/components/DemoContent';
import { Cell } from '@taroify/core';
import { useDeviceInfo } from 'taro-hooks';

export default () => {
  const deviceInfo = useDeviceInfo();

  return (
    <DemoContent>
      <Cell.Group clickable>
        {Object.entries(deviceInfo!).map(([key, value]) => (
          <Cell key={key} title={key} brief={JSON.stringify(value)}></Cell>
        ))}
      </Cell.Group>
    </DemoContent>
  );
};

Vue

basic/useDeviceInfo/index

<template>
  <demo-content>
    <nut-cell
      v-for="(value, key) in deviceInfo"
      :key="key"
      :title="key"
      :sub-title="$filters.stringify(value)"
    ></nut-cell>
  </demo-content>
</template>

<script setup lang="ts">
import { useDeviceInfo } from 'taro-hooks';

const deviceInfo = useDeviceInfo();
</script>

Hook 支持度

微信小程序	H5	ReactNative
✔️	✔️	✔️