javascript - How to tell if navigator.permissions.query with a certain permission is supported - Stack Overflow

admin2025-04-03 0

I have the following code:

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
}

This works in Safari and Chrome. In Firefox however, it throws this error:

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

The navigator.permissions.query is supported, just not clipboard-write. So, how do I see if the browser supports:

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

I have thought I could maybe just check what browser is being used, but I think there has to be a better way of doing it.

EDIT ( try / catch )

I tried try/catch with the following code:

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

Unfortunately this does not catch in Firefox.

I have the following code:

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
}

This works in Safari and Chrome. In Firefox however, it throws this error:

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

The navigator.permissions.query is supported, just not clipboard-write. So, how do I see if the browser supports:

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

I have thought I could maybe just check what browser is being used, but I think there has to be a better way of doing it.

EDIT ( try / catch )

I tried try/catch with the following code:

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

Unfortunately this does not catch in Firefox.

Share Improve this question edited Feb 14, 2021 at 21:26 asked Feb 14, 2021 at 21:15 Seth B 1,0567 silver badges22 bronze badges

You could use try/catch – Barmar Commented Feb 14, 2021 at 21:19
@Barmar I tried that, am I missing something? – Seth B Commented Feb 14, 2021 at 21:27

Add a ment |

2 Answers 2

Sorted by: Reset to default 12

A bit late to the party, but seeing that you didn't get any answer, and in case anyone stumbles upon this question:

navigator.permissions returns a Promise, so in addition to .then() you can use .catch() for when the Promise is rejected.

clipboard-write seems to be availabie in Firefox now, so I used camera in this example, which will still fail in Firefox (any nonsensical value would do as well in order to test this).

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

For Firefox, I simply skip the permission and assume that navigator.clipboard.writeText is avaiable.

const copy = async(text) => {
  if (!navigator.userAgent.includes('Firefox')) {
    await navigator.permissions.query({
      name: 'clipboard-write'
    });
  }

  await navigator.clipboard.writeText(text);
  const result = await navigator.clipboard.readText();
  window.alert(result);
}

<html>
<body>
  <span onclick="copy('some text')">
        Click on me to copy 'some text'
    </span>
</body>
</html>

As stated on https://developer.mozilla/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard

Note: The clipboard-write permission name is not supported in Firefox, only Chromium browsers.

Yet navigator.clipboard.writeText still works. (Tested with Firefox 133).

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1743627720a213823.html

javascriptHow to tell if navigatorpermissionsquery with a certain permission is supportedStack Overflow

最新回复(0)