简介
ua-parser-js 是一个常用的 JavaScript 库，它可以解析 User-Agent 字符串，识别出浏览器、操作系统、设备等信息。在前端开发中，经常需要根据用户的设备类型和浏览器版本来做一些兼容性处理，使用 ua-parser-js 可以方便地获取这些信息。
安装
npm 包 ua-parser-js 可以通过 npm 命令安装：
npm install ua-parser-js
或者在浏览器中使用 cdn：
<script src="https://cdn.jsdelivr.net/npm/ua-parser-js/dist/ua-parser.min.js"></script>
使用方法
基本用法
在 Node.js 中，可以通过 require 引入 ua-parser-js 模块：
const UAParser = require('ua-parser-js');
const parser = new UAParser();
const result = parser.getResult();
console.log(result.browser.name); // 打印浏览器名称
console.log(result.os.name); // 打印操作系统名称
console.log(result.device.type); // 打印设备类型在浏览器中，可以直接使用全局变量 UAParser：
const parser = new UAParser(); const result = parser.getResult(); console.log(result.browser.name); // 打印浏览器名称 console.log(result.os.name); // 打印操作系统名称 console.log(result.device.type); // 打印设备类型
自定义 User-Agent
除了解析当前浏览器的 User-Agent 字符串，ua-parser-js 还支持自定义 User-Agent 来获取设备和浏览器信息。例如：
const UAParser = require('ua-parser-js');
const parser = new UAParser();
const customUA = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3';
const result = parser.setUA(customUA).getResult();
console.log(result.browser.name); // 打印浏览器名称
console.log(result.os.name); // 打印操作系统名称
console.log(result.device.type); // 打印设备类型深度解析
ua-parser-js 还支持深度解析，可以更详细地获取设备和浏览器的信息。例如：
-- -------------------- ---- ------- ----- -------- - ------------------------ ----- ------ - --- ----------- ----- ------ - ------------------------- -------- -- ----- ------ ---- ------------------ ------- ---- ------ -------------------- --------------------------- --------------------------------- -- ------- ------------------------------------ -- ------- ---------------------------------- -- --------- -------------------------------- -- -------- ----------------------------------- -- -------- ---------------------------- -- -------- ------------------------------- -- -------- -------------------------------- -- ------ ---------------------------------- -- -------- --------------------------------- -- ------ -------------------------------------- -- --------- ------------------------------------- -- -- --- -- ----------------------- -- ----- ---------- ---
指导意义
使用 ua-parser-js 可以方便地获取设备和浏览器信息，从而做一些兼容性处理。例如：
const UAParser = require('ua-parser-js');
const parser = new
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/41640) ，转载请注明来源
[https://www.javascriptcn.com/post/41640](https://www.javascriptcn.com/post/41640)