在 Web 开发中，有时需要检测用户的浏览器属性以便更好地优化网站体验。npm 包 browser-capabilities 可以轻松地获取用户浏览器的详细信息。
安装
使用 npm 进行安装：
--- ------- --------------------
使用
导入 browser-capabilities 模块并调用 BrowserCapabilities() 函数即可获取用户浏览器的详细信息：
----- - ------------------- - - -------------------------------- ----- ------------ - --- ---------------------- ----- ----------- - ------------------------------ ------------------- -----------------
BrowserCapabilities() 构造函数默认使用 window.navigator.userAgent 获取用户代理字符串，也可以传入自定义的代理字符串进行解析：
----- --------- - ------------ ----------- ----- --- -- - -------- ------------------ ------- ---- ------ -------------------- --------------- ----- ------------ - --- -------------------------------
支持的特性
browser-capabilities 支持获取以下浏览器属性：
- 浏览器名称
- 浏览器版本
- 移动设备类型（如果适用）
- 是否支持 cookies
- 是否支持 JavaScript
- 是否支持本地存储
- 是否支持 Service Worker
- 是否支持 Web Workers
- 是否支持 WebSocket
- 是否支持 WebRTC
使用 capabilities.hasFeature(feature) 方法可以检查用户浏览器是否支持特定的特性，例如：
-- ------------------------------------------ - -------------------- ------- --------- -
示例代码
以下是一个简单的示例，展示如何在网页中使用 browser-capabilities 检测浏览器属性并显示在界面上：
--------- -----
------
------
----- ----------------
-------------- ------------ ------------
-------
------
----------------
----
---------- ----- ------------------------------
---------- ----- ---------------------------------
-------- -------- ----- -----------------------------
-------- ----------- ----- ------------------------
------------- ----- -----------------------------------
-------- ------- ------- ----- ------------------------------------
-------- --- -------- ----- ---------------------------------
-------- ---------- ----- -------------------------------
-------- ------- ----- ----------------------------
-----
------- ---------------------------------------------------------------------------------------------
--------
----- ------------ - --- ----------------------
--------------------------------------------------- - ------------------------------
------------------------------------------------------ - ---------------------------------
-------------------------------------------------- - --------------------------------- - --- - ----
--------------------------------------------- - ------------------------------------- - --- - ----
-------------------------------------------------------- - --------------------------------------- - --- - ----
--------------------------------------------------------- - ---------------------------------------- - --- - ----
------------------------------------------------------ - --------------------------------- - --- - ----
---------------------------------------------------- - ------------------------------------ - --- - ----
------------------------------------------------- - --------------------------------- - --- - ----
---------
-------
-------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49098