google-chrome - navigator.clipboard 未定义

Question

为什么是 navigator.clipboard总是 undefined在下面的片段中？

var clipboard = navigator.clipboard;
if (clipboard == undefined) {
    console.log('clipboard is undefined');
} else {
    clipboard.writeText('stuff to write').then(function() {
        console.log('Copied to clipboard successfully!');
    }, function() {
        console.error('Unable to write to clipboard. :-(');
    });
}

有关剪贴板 API 的更多信息，请参阅 here .

Chrome 版本:68.0.3440.106。

我确定这在某些时候有效，但不再有效。这很令人困惑，因为 this table建议剪贴板 API 是在 Chrome 中实现的(已经有一段时间了)，但是 this table的特定 API 方法表明不支持 API 的任何方法？

Answer 1

这需要一个安全的来源——HTTPS 或 localhost(或通过运行带有标志的 Chrome 禁用)。就像 ServiceWorker 一样，此状态由 navigator 对象上的属性的存在或不存在指示。

https://developers.google.com/web/updates/2018/03/clipboardapi

这在接口(interface)上带有 [SecureContext] 的规范中注明:https://w3c.github.io/clipboard-apis/#dom-navigator-clipboard

您可以查看window.isSecureContext的状态了解这是否是某项功能不可用的原因。 Secure contexts | MDN

是的，您应该设置 HSTS确保 HTTP 重定向到 HTTPS。