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.
-
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
2 Answers
Reset to default 12A 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).
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1743627718a4480820.html
评论列表（0条）