这一小节,我们说一下 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: 当前浏览器的版本号 } | 无 |
------------------------------------------
这是git仓库地址:js-tool-big-box仓库地址