前言
在前端开发中，我们常常需要针对不同的浏览器进行兼容性处理。但是，不同版本的浏览器在支持 HTML5、CSS3、ES6 等方面存在较大的差异。在开发过程中，我们需要准确掌握各个浏览器的最低版本要求，以确保网站能在尽可能多的浏览器上运行。
这就需要我们借助一些工具来帮助我们检测浏览器的版本信息。其中，browser-minimum-version 是一款 npm 套件，可用于检测不同浏览器的最低版本要求。本文将介绍 browser-minimum-version 的使用教程。
安装
使用 npm 命令安装 browser-minimum-version:
npm install browser-minimum-version
使用
在使用之前，我们需要先引入该套件：
const browerMinimumVersion = require('browser-minimum-version');API
browser-minimum-version 提供了一个 API：getBrowserMinimumVersions()，可用于获取不同浏览器的最低版本要求。
const versions = browerMinimumVersion.getBrowserMinimumVersions(); console.log(versions);
输出的结果如下：
{
"chrome": 72,
"firefox": 63,
"safari": 12,
"edge": 18,
"ie": 11,
"opera": 55
}我们可以得到各个浏览器的最低版本要求。
实例
假设我们要判断当前浏览器是否达到了最低要求，可以使用以下实例代码：
-- -------------------- ---- -------
----- -------------------- - -----------------------------------
----- -------- - -------------------------------------------------
----- -------------- - ----------------------------------
-- ------------------------------- --- ----- -- ---------------------- -- --------------- -- ------- -
-- ---------------- ---------------------------------- --- - ------------ -
----------- -- ---------------- -- -----------
-
-
-- ------------------------------- --- --- -
-- --------------------------------------------------- --- - -------------- -
----------- ---- ---------------- ---- -----------
-
-
-- --------------------------------- --- --- -
-- ------------------------------------------------------ --- - ---------------- -
----------- ------ ---------------- ------ -----------
-
-
-- ---------------------------------- --- --- -
-- ------------------------------------------------------- --- - ----------------- -
----------- ------- ---------------- ------- -----------
-
-
-- --------------------------------- --- --- -
-- ------------------------------------------------------ --- - ---------------- -
----------- ------ ---------------- ------ -----------
-
-
-- -------------------------------- --- --- -
-- ----------------------------------------------------- --- - --------------- -
----------- ----- ---------------- ----- -----------
-
-在该实例中，我们利用 getBrowserMinimumVersions() 得到了各个浏览器的最低版本要求，并通过判断当前浏览器的用户代理判断其浏览器名称、版本，然后与最低版本要求进行比较，以检查当前浏览器是否达到最低要求。如果没有达到最低要求，我们可以提示用户升级浏览器或使用其他浏览器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067355890c4f7277583aad