Chrome中clipboard-write权限返回'granted'却弹出授权提示的疑问

我用以下代码检查浏览器是否有剪贴板写入权限：

window.onload = () => {
  navigator.permissions.query({ name: 'clipboard-write' }).then((permission) => {
    console.log(permission.state);
    if (permission.state === 'granted') {
      navigator.clipboard.writeText('sample text');
    }
  });
}

在Chrome中查询返回granted，但执行时却弹出了「查看复制到剪贴板的文本和图片」的授权提示，按道理应该返回prompt才对？

这确实是Chrome权限机制里一个容易让人混淆的点，我来给你理清楚背后的逻辑：

首先要明确，navigator.permissions.query()对clipboard-write的返回结果，和实际执行剪贴板写入时的权限提示，在Chrome里是两套略有差异的校验逻辑：

1. Permissions API的查询逻辑 #

Chrome把clipboard-write归为「默认允许但受场景限制」的权限范畴——只要你的网站没有被用户手动阻止过剪贴板权限，调用permissions.query查询时就会直接返回granted，不会进入prompt状态。这个设计是Chrome对这类“非高风险”权限的预设策略。

2. 实际剪贴板操作的额外校验 #

但当你第一次执行navigator.clipboard.writeText()这类实际写入操作时，Chrome会额外弹出权限提示框——这是Chrome为了防止恶意网站静默访问剪贴板加的一层安全校验，和Permissions API的查询结果并没有直接绑定。简单说就是：权限查询说“允许”，但第一次真要动手时，Chrome还是要让用户再确认一遍。

你可以做个小测试验证：当你第一次点击“Allow”授权后，再次刷新页面执行相同的代码，这时候permissions.query依然返回granted，而且执行writeText时也不会再弹出提示了。这就说明第一次的提示是Chrome的「首次操作确认」，而非Permissions API定义的prompt权限状态。

另外还有一种情况：如果你的页面在执行剪贴板写入时不是当前激活的标签页（比如用户切到了其他页面），哪怕Permissions API返回granted，Chrome也会再次弹出提示，因为它要求剪贴板操作必须在用户交互的上下文或激活的页面中进行。

备注：内容来源于stack exchange，提问作者guizo