简介
Dev-Identify 是一个可用于解析 DevTools 中 User-Agent 的 npm 包。通过使用 Dev-Identify,你可以方便地获取用户的操作系统类型、浏览器以及版本号等设备信息。本篇文章将介绍如何使用 Dev-Identify 进行设备信息的解析。
安装
安装 Dev-Identify 的 npm 包可以使用以下命令:
npm install dev-identify
使用
在安装完 Dev-Identify 后,你可以使用以下代码示例获取设备信息:
const DevIdentify = require('dev-identify'); const userAgent = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.63 Safari/537.36'; const devInfo = DevIdentify.identify(userAgent); console.log(devInfo);
上述代码将输出以下结果:
-- -------------------- ---- ------- - ----- ---------- --- - ----- ---------- -------- ----- ----- ---- -- -------- - ----- --------- -------- -------------- - -
如上所示,我们成功的获取了设备类型、操作系统类型、操作系统版本以及浏览器以及版本信息。下面是可用的设备类型列表:
- desktop
- tablet
- mobile
特性
除了上面提到的基本功能外,Dev-Identify 还具有以下特性:
设备类型
Dev-Identify 可以自动识别设备类型,并返回如上述示例代码所示的 type
值。
操作系统
Dev-Identify 可以返回操作系统名称、版本以及类型。
如果你有一个设备列表,你可以使用以下代码仅返回操作系统名称:
-- -------------------- ---- ------- ----- ----------- - ------------------------ ----- ------- - - - --- ------------ -------- -- ----- ------ ---- ------------------ ------- ---- ------ ------------------- -------------- -- - --- ------------ ----------- ----- --- -- - -------- ------------------ ------- ---- ------ ------------------- -------------- - -- ------------------------ -- - ----- - -- - - -------------------------------- --------------------- ---
上面的代码将输出:
Windows Macintosh
浏览器
Dev-Identify 可以返回浏览器名称以及版本号。
如果你有一个浏览器列表,你可以使用以下代码仅返回浏览器名称:
-- -------------------- ---- ------- ----- ----------- - ------------------------ ----- -------- - - - --- ------------ -------- -- ----- ------ ---- ------------------ ------- ---- ------ ------------------- -------------- -- - --- ------------ ----------- ----- --- -- - -------- ------------------ ------- ---- ------ ------------------- -------------- - -- -------------------------- -- - ----- - -------- - ---- - - - --------------------------------- ------------------ ---
上面的代码将输出:
Chrome Chrome
总结
Dev-Identify 是一个相当有用的库,它可以使开发人员不必手动解析 User-Agent 字符串。现在你应该知道如何使用它了。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065f87238a385564ab6d1c