前端JS必用工具【js-tool-big-box】学习，获取浏览器userAgent以及详细信息

这一小节，我们说一下 js-tool-big-box 工具库中，获取浏览器 userAgent 以及详细信息的方法。获取userAgent以及详细信息呢，并不是特别常用。

但如果是一些网站在开发迭代过程中，或者刚开始就要求比较高，涉及到 埋点开发，用户数据收集、区分浏览器定制化开发，浏览器兼容性考虑的时候，可能获取浏览器的具体userAgent，以及具体到某个浏览器和版本，就很重要了。这一小节呢，我们来获取一下这些详细信息。

1 安装js-tool-big-box工具库

执行安装命令：

npm i js-tool-big-box

导入 browserBox 对象，获取浏览器 userAgent 以及详细信息的公共方法在这个对象下面

import { browserBox } from 'js-tool-big-box';

2 使用方法

调用 getBrowserInfo 方法，这个方法无需入参

const info = browserBox.getBrowserInfo();
console.log('=-=-=', info);

3 看一下获取的效果

你猜我这是用的什么浏览器？ 

你猜我这是模拟的哪个浏览器？ 

你猜我这是刚刚下载了一个什么浏览器？

4 使用方法总结

方法名	返回值	入参
getBrowserInfo	会返回一个对象 { ua: 当前浏览器的userAgent； name: 当前浏览器的名字； version: 当前浏览器的版本号 }	无