如何判断是否支持具有特定权限的navigator.permissions.query

我有以下代码：

if (navigator.permissions && navigator.permissions.query) {
  navigator.permissions.query({
    name: 'clipboard-write'
  }).then(function(result) {
    if (result.state === 'granted') {
      //Do something!
    } else{
      //Not granted...
    }
} else {
  //Does not support navigator.permissions
}

这适用于 Safari 和 Chrome。但是，在 Firefox 中，它会引发此错误：

TypeError: 'name' member of PermissionDescriptor 'clipboard-write' is not a valid value for enumeration PermissionName.

的navigator.permissions.query支持，只是没有clipboard-write。那么，如何查看浏览器是否支持：

navigator.permissions.query({name:'clipboard-write'})

我以为我可以只检查正在使用的浏览器，但我认为必须有更好的方法来做到这一点。

编辑（尝试/捕捉）

我尝试try/catch使用以下代码：

try {
  navigator.permissions.query({
    name:'clipboard-write'
  });
}
catch(error) {
  console.log(error);
}

不幸的是，这catch在 Firefox中没有。

回答

navigator.permissions.query({
    name: 'camera'
  })
  .then((permissionObj) => {
    console.log(permissionObj);
    // ... check the permission object ...
  })
  .catch((error) => {
    // couldn't query the permission
    console.error(error);
  });