简介
what_browser 是一个 npm 包，它可以帮助我们判断当前浏览器的类型和版本，同时还可以判断当前的设备类型和操作系统类型。what_browser 能够识别绝大部分常见的浏览器，如 Chrome、Firefox、Safari、Edge、IE 等。如果你是一名前端开发者，那么 what_browser 将会是一款非常实用的工具。
安装
what_browser 的安装非常简单，我们只需要在命令行中输入以下命令即可：
npm install what_browser
使用
在我们使用 what_browser 之前，需要先引入该包：
const whatBrowser = require('what_browser');接下来，我们就可以开始使用 what_browser 来判断浏览器的类型和版本了。以下是 what_browser 的使用示例：
const whatBrowser = require('what_browser');
console.log(whatBrowser.browser); // 输出当前浏览器的类型和版本
console.log(whatBrowser.device.type); // 输出当前设备的类型，如 'mobile'、'tablet' 或 'desktop'
console.log(whatBrowser.os.name + ' ' + whatBrowser.os.version); // 输出当前操作系统的类型和版本我们可以看到，使用 what_browser 非常简单，只需要通过 whatBrowser 对象来获取我们需要的信息即可。
需要注意的是，由于不同浏览器对 UserAgent 字符串的解析不同，因此 what_browser 对不同浏览器识别的精度会有所不同。在使用 what_browser 的过程中，建议先测试一下所支持的浏览器类型和版本，确保其满足我们的需求。
指导意义
what_browser 的使用不仅能够帮助我们识别当前浏览器类型和版本，更重要的是，它能帮助我们更好地定位和解决前端开发中的兼容性问题。通过 what_browser，我们可以根据当前用户的浏览器类型和版本，向其提供更加匹配的前端页面，提升用户体验和用户满意度。
另外，在使用 what_browser 的过程中，我们也可以通过对不同浏览器类型和版本的特性的了解，来更好地实现前端页面和功能的兼容性。例如，我们可以根据不同浏览器对 HTML5 和 CSS3 的支持情况，来编写相应的前端代码或者使用 polyfill 填补兼容性问题。
示例代码
以下是一个简单的示例代码，使用了 what_browser 来根据浏览器类型和版本来展示不同的页面：
-- -------------------- ---- ------- ----- ----------- - ------------------------ -- ------------------------- --- ---- -- --------------------------- - --- - -- -- -- --- -------- - ----------------------- -- ------ -- ------- ----- ------ - ------------------------------ ------------------ - ------------- -- ------------------- -- -- -------- ---------------------------------- - ---- - -- --------- ----- ------------- - ------------------------------ ------------------------- - ---------- ----------------------------------------- -
在上面的示例代码中，我们根据当前浏览器的类型和版本，来展示不同的页面内容。如果用户使用的是 IE 浏览器的较低版本，我们将会引入 IE 特定的 polyfill 库，并在页面中展示 IE 特定的提示信息。如果用户使用的是较新的浏览器类型和版本，我们将会展示正常的页面内容。这样，我们就可以根据不同浏览器类型和版本的特点，来提供更加匹配的前端页面和功能，提升用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e281e8991b448e06b3