在前端开发中，我们常常需要判断当前浏览器是否支持某些新特性，以便优化用户体验或者提供更好的功能。但是不同浏览器的支持情况千差万别，这就需要我们编写复杂的兼容性代码。
为了避免这个问题，我们可以使用 is-supported 这个 npm 包。它可以帮助我们简单并且精确地判断当前浏览器是否支持某个特性。
安装
使用 npm 方式安装 is-supported 包非常简单，只需要在命令行中执行以下命令即可。
--- ------- ------------ ------
使用
使用 is-supported 包非常简单，只需要引入并调用下面的方法即可。
------ ----------- ---- --------------- -- --------------------- ------- - -- ------------ - ---- - -- ------------- -
其中，'Feature name' 表示要检测的特性名称，例如检测浏览器是否支持 WebAssembly，代码如下：
------ ----------- ---- --------------- -- ---------------------------- - ------------------------ -- ------------ - ---- - ------------------------ -- --- ------------ -
API
is-supported 提供了以下几个 API，我们可以按照需求来使用。
isSupported(feature, options?)
判断当前浏览器是否支持某个特性。
feature：要检测的特性名称，可以直接使用检测字符串，也可以使用检测对象。options：可选参数，提供了以下几个选项：strictMode：是否开启严格模式，默认为false。
------ ----------- ---- --------------- -- ---------------------------- - ------------------------ -- ------------ - ---- - ------------------------ -- --- ------------ - -- -------- -- -------------- ----- ---------- -------- -------- --- - -------------------- -- ------------ - ---- - -------------------- -- --- ------------ -
getFeatureSupportStatus(feature)
获取指定特性的支持情况。返回字符串 "supported"（支持）、"notSupported"（不支持）或者 "unknown"（未知）。
------ - ----------------------- - ---- --------------- ---------------------------------------------------- -- ---------
checkMethodSupportStatus(feature, method)
检查指定特性中的某个方法是否被支持。返回字符串 "supported"（支持）、"notSupported"（不支持）或者 "unknown"（未知）。
------ - ------------------------ - ---- --------------- --------------------------------------------------- ---------------- -- ---------
确认支持的特性列表
可以在 is-supported 在其 GitHub 页面上查看完整的支持特性列表，以便我们更好地使用此 npm 包。
总结
本文介绍了在前端开发中使用 is-supported 包的方法和 API。is-supported 包可以极大地简化我们的兼容性代码，提高开发效率。希望能够帮助读者更好地进行前端开发。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005679c81e8991b448e3f0b