在前端开发中，需要经常运用到不同的第三方工具和库，这些工具和库帮助我们提高开发效率和代码可读性。其中， browster 是一款十分实用的 npm 包，可以帮助开发者轻松实现浏览器UA检测。
安装 browster
使用 npm 包管理器，可以方便地安装 browster：
npm install browster --save
使用 browster
引入
使用 require() 方法引入 browster：
const browster = require('browster');方法
browster 包拥有多个方法来实现不同的功能：
detect()
该方法用于检测当前浏览器信息，返回值包含浏览器的名称、版本号、操作系统等信息。
const browserInfo = browster.detect(); console.log(browserInfo);
输出：
{
"name":"Chromium",
"version":"87.0.4280.88",
"os":"Windows 10"
}is()
该方法用于判断当前浏览器是否为指定的浏览器。可用的参数为 chrome、firefox、safari、ie 和 edge。
if (browster.is('chrome')) {
console.log('这是 Chrome 浏览器');
}version()
该方法用于获取当前浏览器的版本号。对于不支持版本号查询的浏览器，返回 null。
const version = browster.version();
console.log(`当前浏览器的版本号为 ${version}`);os()
该方法用于获取当前操作系统名称。对于不支持操作系统查询的浏览器，返回 null。
const os = browster.os();
console.log(`当前操作系统为 ${os}`);示例
下面是一个实际使用 browster 的示例：
-- -------------------- ---- ------- ----- -------- - -------------------- ----- ----------- - ------------------ ------------------------- -- ----------------------- - --------------- ------ ------ - ----- ------- - ------------------- ---------------------- ------------- ----- -- - -------------- -------------------- --------
总结与指导
browster 是一款使用方便、功能强大的 npm 包，它可以协助开发者轻松实现浏览器UA检测，提高开发效率和代码的可读性。本文介绍了如何安装和使用 browster 包，以及包含的各种方法和参数的详细说明。希望本文对你的前端开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c89ccdc64669dde51c0