前言
在现代 Web 应用程序中，有时我们需要通过 Web APIs 来获取用户浏览器的权限信息。虽然对于前端开发人员来说，编写 JavaScript 代码实现这个功能不是太难，但是这需要您具有一定的浏览器 API 知识。为了方便前端开发人员，NPM 社区开发了一个叫做 "most-observable-browser-permissions-api-query" 的 NPM 包，可以帮助开发人员更加轻松地查询用户浏览器的权限信息， 无需对 Web API 有深入的了解。
在这篇文章中，我将向您展示如何使用 most-observable-browser-permissions-api-query 包来查询用户浏览器的权限信息。
NPM包most-observable-browser-permissions-api-query介绍
most-observable-browser-permissions-api-query 是一个使用相当简单的 NPM 包，它提供了用于查询 Web API 权限的函数。这些函数旨在返回 Observable<permissionstatus> 对象，该对象包含有关用户访问所请求的权限的信息。
most-observable-browser-permissions-api-query包还提供了一些辅助函数，可以检查是否可以访问所需的权限，以及在用户向您的应用程序提供访问权限时如何使用这些权限。
使用npm进行安装
要使用 most-observable-browser-permissions-api-query 包，您需要先安装它。在命令行中运行以下命令，即可使用 Node 包管理器（NPM）进行安装：
npm install most-observable-browser-permissions-api-query
基本使用
在下面的示例中，我们将调用 most-observable-browser-permissions-api-query 包中提供的查询按钮权限的函数。我们将展示如何在用户授予或拒绝访问权限时处理 Promise。
-- -------------------- ---- -------
------ - --------------- - ---- ------------------------------------------------
----- ----------- - ---------------------------------
-------------------------------------- -- -
-- ----------------------- --- ---------- -
-- ---------
- ---- -- ----------------------- --- --------- -
-- ---------
- ---- -
-- ---------------------- --- --------
-- -------
-
---在以上代码块中，我们首先导入 permissionQuery，然后通过传递权限名称（这里是通知）来调用它。然后，我们订阅异步返回的 Observable 对象，并在其中处理返回的 PermissionStatus。
PermissionStatus 对象有一个 state 属性，您可以根据该属性的值来检查用户是否授予了访问权限。
嵌套权限查询
在某些情况下，我们需要同时查询多个权限信息。most-observable-browser-permissions-api-query 包提供了一个方便的工具函数，可以帮助您为此设置。在以下示例中，我们查询通知和摄像头访问权限：
-- -------------------- ---- -------
------ - ----------------- - ---- ------------------------------------------------
----- ------------ - ----------------------------------- -----------
---------------------------------- -- -
----- ----------------------------- - -----------------------------
----- ---------------------- - ----------------------
-- ----- ---------------- --
---如您所见，您可以通过传递一个字符串数组以“托管”权限名称，从而查询多个权限。返回的 objects 对象包含所有请求的权限的 PermissionStatus。
权限状态查询
有时，查询用户浏览器中已授权访问的某些权限的状态也很有用。most-observable-browser-permissions-api-query 包还提供了 utility 函数，可以帮助您查询这些信息。
在以下示例中，我们查询了通知权限的状态。这将返回一个 Promise，其 resolved 值为 PermissionStatus 对象：
-- -------------------- ---- -------
------ - --------------------- - ---- ------------------------------------------------
--------------------------------------
---------------------- -- -
-- ----------------------- --- ---------- -
-- ---------
- ---- -- ----------------------- --- --------- -
-- ---------
- ---- -
-- ---------------------- --- --------
---------
-
---结论
在这篇文章中，我们已经介绍了如何使用 most-observable-browser-permissions-api-query 包来查询用户浏览器的权限信息。希望您可以通过本文来完成您的 Web 应用程序开发，并更好地满足用户的需求。
请注意，在某些情况下，权限查询功能会限制您的浏览器，因此请参阅浏览器文档以了解更多信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553dc81e8991b448d12c3