简介
在前端开发中，有时候需要知道当前浏览器的版本号，以及是否支持特定的 HTML/CSS/JavaScript 功能。而 browserinc 就是一个用于检查浏览器版本并返回特性支持情况的 npm 包。
安装
使用 npm 进行安装：
npm install browserinc
使用方法
-- -------------------- ---- ------- ----- ------- - ---------------------- -------------------------- ----------------------------- ------------------------------ ------------------------------- ------------------------------ ---------------------------- -------------------------- ------------------------------
以上代码会输出当前浏览器的名称、版本号，以及检查浏览器是否为 Chrome/Firefox/Safari/Edge/IE，并输出当前浏览器支持的 HTML/CSS/JavaScript 特性列表。
深入了解
下面是一些深入了解 browserinc 的例子。
检查特定 HTML/CSS/JavaScript 特性是否被当前浏览器支持
if (browser.features.canvas && browser.features.promises) {
// 浏览器支持 Canvas 和 Promise
// ...
} else {
// 浏览器不支持 Canvas 或 Promise
// ...
}检查浏览器版本
if (browser.isIE && browser.version <= 9) {
// IE9 及以下版本特殊处理
// ...
} else {
// ...
}在浏览器中测试
如果需要在浏览器中测试 browserinc 所支持的功能，可以使用以下代码：
-- -------------------- ---- -------
--------- -----
------
------
----------------- ------------
-------
------
---- ------------------
------- -------------------------------------------------------
--------
----- ------ - ----------------------------------
-------- -------------- -
------------------ -- ------- - -----
-
------------ ------------------
--------------- ---------------------
-- ------------------ -
----------- -- ----------
-
-- ------------------- -
----------- -- -----------
-
-- ------------------ -
----------- -- ----------
-
-- ---------------- -
----------- -- --------
-
-- -------------- -
----------- -- ------
-
---------- -------- ------
--- ------ ------- -- ----------------- -
------------------ -------------------------------
-
---------
-------
-------以上代码会在浏览器中输出当前浏览器的名称、版本号，以及当前浏览器支持的 HTML/CSS/JavaScript 特性列表。
小结
browserinc 是一个非常有用的 npm 包，可以帮助我们检查浏览器版本和特性支持情况。在前端开发中，有时候需要根据不同浏览器的特性来编写不同的代码，使用 browserinc 可以让这一过程变得更加简单和自动化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c89ccdc64669dde5117