如何在使用之前检测复制到剪贴板功能

Question

我正在尝试在纯JS中创建一个复制功能,所以没有闪存.我遇到的问题是,当浏览器不支持复制到剪贴板时,我不想显示复制按钮.

我正在使用该document.execCommand('copy')方法复制到剪贴板,但对此的支持并不是最好的.例如,safari具有execCommand函数,但不支持copy参数.这意味着我不能简单地检查函数是否存在.

由于这种狡猾的支持,我认为我将不得不采用浏览器检测的方式,就像我在查看zeroclipboard问题时遇到的github一样.这是我找到的实现.

有没有正确的方法来检测用户代理？我宁愿不使用NavigatorID.userAgent,因为根据MDN不推荐使用它.

Answer 1

我注意到在版本10之前的Safari（在9.0和9.1中进行测试）的以下构造

document.execCommand('copy');

会回来的false。此事实可用于检查Safari中的兼容性。

if (false == document.execCommand('copy')) {
    // Logic for handling the copy functionality in some other way
}