在前端开发中，我们经常需要判断用户使用的浏览器类型和版本号，来根据不同的浏览器特性做出不同的处理。这时候，我们可以使用 bowser-bjork24 这个 npm 包来帮助我们快速判断浏览器类型和版本号。
安装
你可以使用 npm 在你的项目中安装 bowser-bjork24。
npm install bowser-bjork24 --save
使用方法
在你的代码中引入 bowser-bjork24：
const Bowser = require('bowser-bjork24');在需要判断浏览器类型和版本号的地方，可以使用以下方法：
const browser = Bowser.getParser(window.navigator.userAgent);
在这里，window.navigator.userAgent 是当前浏览器完整的 user agent 字符串。 getParser() 方法会返回一个 parser 对象，它包含了 getResult() 方法，通过这个方法可以获取浏览器类型和版本号：
const result = browser.getResult(); console.log(result.browser.name, result.browser.version);
这个例子中，我们输出了浏览器的名字和版本号。name 属性是字符串类型，表示浏览器的名字；version 属性是数字类型，表示浏览器的版本号。如果无法判断当前浏览器类型和版本号，那么它们的值会是 undefined。
除了 getResult() 方法外，Bowser 还提供了一些其他的方法来获取更详细的浏览器信息，比如 getBrowserName()、getBrowserVersion()、getOSName()、getOSVersion() 等。
示例
下面是一个简单的示例代码，展示了如何使用 bowser-bjork24 来判断浏览器类型和版本号，并根据浏览器类型来添加不同的样式：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------
-------
--- ---- -
------ ----
-
------- ---- -
------ ------
-
-------- ---- -
------ -----
-
--------
-------
------
---- ------------------ -------------
------- -----------------------------------------------------------
------- ------------------------------------------------
--------
------------ -
----- ------- - ---------------------------------------------
----- ------ - --------------------
------------------------------------------------------
---
---------
-------
-------这个例子中，我们添加了三个样式 .ie、.chrome 和 .firefox，分别表示 IE、Chrome 和 Firefox 浏览器。接着，在页面的 JavaScript 中，我们通过 Bowser 来获取浏览器类型和版本号，并根据浏览器类型来为 <body> 添加不同的类名，从而应用不同的样式。最后，效果如下：
- 在 IE 中，文字颜色为红色
- 在 Chrome 中，文字颜色为绿色
- 在 Firefox 中，文字颜色为蓝色
总结
通过这篇文章，我们了解了如何使用 bowser-bjork24 来判断浏览器类型和版本号。在实际开发中，你可以使用这个 npm 包来做一些针对不同浏览器的特殊处理。
当然，我们不能完全依赖 user agent 字符串来判断浏览器类型和版本号，因为一些浏览器可能会修改它们的 user agent 字符串。此外，还有一些浏览器插件和扩展可以修改 user agent 字符串。因此，在实际开发中，我们应该使用更加准确的方法来判断浏览器类型和版本号，比如通过特性检测。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c82ccdc64669dde4d94