介绍
redux-device-type 是一款辅助前端开发的 npm 包，主要用于判断当前设备类型，根据不同设备类型展示不同的页面或组件内容。它利用用户代理（user agent）字符串来判断设备类型。
安装
使用 npm 安装：
npm install redux-device-type --save
使用
引入
import { getDeviceType } from "redux-device-type";调用
const deviceType = getDeviceType();
返回值
getDeviceType 方法会返回一个字符串，表示当前设备类型。
- Desktop - PC 或 Mac
- Tablet - 平板
- Mobile - 移动设备
- Unknown - 未知设备
示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------------- - ---- --------------------
------ ------- -------- ----- -
----- ---------- - ----------------
--- --------
------ ------------ -
---- ----------
------- - ----------- -- --- ------- -- - --------------
------
---- ---------
------- - ----------- -- --- ------- -- - -------------
------
---- ---------
------- - ----------- -- --- ------- -- - ------ ------------
------
--------
------- - ----------- -- --- --------------
------
-
------ -
-----
---------
------
--
-总结
使用 redux-device-type 可以轻松判断设备类型，以便根据不同设备类型提供不同的页面和组件内容，从而提升用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cc081e8991b448e63b9