在前端开发中，我们时常需要判断浏览器是否支持某些特性，以便决定是否使用某些功能或提供替代方案。这时我们就可以使用 npm 包 feature-detector，它是一个轻量级的 JavaScript 库，用于检测浏览器功能支持情况。
安装 feature-detector
使用 npm 和 Node.js，可以很容易地安装 feature-detector。
npm install feature-detector
之后你就可以在项目中使用它了。
使用 feature-detector
使用 feature-detector 之前，我们需要了解一些基本概念和用法。
概念
feature-detector 检测器一般由两部分组成，即要检测的特性名称和检测方法，如下所示：
{
name: 'featureName',
test: function() {
// 检测 featureName 是否支持
}
}用法
我们可以使用 feature-detector 的 Detector 类来进行特性检测，如下所示：
import { Detector } from 'feature-detector';
const detector = new Detector();创建 detector 实例后，我们可以使用它的 add() 方法添加要检测的特性，如下所示：
-- -------------------- ---- -------
--------------
----- --------
----- ---------- -
--- -
----- ------ - ---------------------------------
------ ------------------------------ -- -
-------------------------- -- ---------------------------------------
--
- ----- --- -
------ ------
-
--
---这里添加了一个叫做 “webgl” 的特性，检测方法是判断当前浏览器是否支持 WebGL。
添加完特性之后，我们可以使用 detector 实例的 isSupported() 方法来判断特性是否被支持，如下所示：
console.log(detector.isSupported('webgl')); // true or false示例代码
下面是一个检测浏览器是否支持 WebGL 的示例代码：
-- -------------------- ---- -------
------ - -------- - ---- -------------------
----- -------- - --- -----------
--------------
----- --------
----- ---------- -
--- -
----- ------ - ---------------------------------
------ ------------------------------ -- -
-------------------------- -- ---------------------------------------
--
- ----- --- -
------ ------
-
--
---
-- ------------------------------- -
------------------ -------------
- ---- -
------------------ --- -------------
-总结
使用 feature-detector 可以方便地判断浏览器是否支持某些特性，从而决定使用哪些功能或提供替代方案。希望本文对你有所帮助，更多使用方法和 API 可以查看其官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fda81e8991b448dd732