uni.setclipboarddata在pc浏览器（h5）中不工作，因其仅原生支持app和小程序；h5需用navigator.clipboard.writetext（https+用户手势触发）或降级document.execcommand('copy')，并注意focus、select等细节。
PC端浏览器复制功能在 uni-app 里不能直接用 uni.setClipboardData，它只对 App 和小程序生效，H5（含 PC 浏览器）必须走原生 Web API 或降级方案。
为什么 uni.setClipboardData 在 PC 浏览器里不工作
uni.setClipboardData 是 uni-app 封装的跨端 API，底层调用的是各平台原生能力。PC 浏览器环境（即 H5）下它会被忽略或静默失败，控制台通常无报错，但剪贴板内容不会更新——这是最常被误以为“代码没写错”的坑。
- 仅在微信小程序、支付宝小程序、App（iOS/Android）中有效
- H5 环境下该 API 不触发任何行为，也不会抛异常
- 部分老版本 Chrome 或非 HTTPS 站点还会拒绝
navigator.clipboard访问
PC 浏览器必须用 navigator.clipboard.writeText + 降级
现代 PC 浏览器（Chrome 66+、Edge 79+、Firefox 63+、Safari 13.1+）支持 navigator.clipboard.writeText，但有两个硬性前提：
- 页面必须运行在 HTTPS 或
localhost下（HTTP 域名会直接拒绝） - 调用必须是用户手势触发（如
@click），不能在异步回调或定时器里直接调用
示例写法：
const copyToClipboard = async (text) => {
try {
await navigator.clipboard.writeText(text);
uni.showToast({ title: '复制成功', icon: 'success' });
} catch (err) {
// 降级：document.execCommand('copy')
const textarea = document.createElement('textarea');
textarea.value = text;
textarea.readOnly = true;
textarea.style.position = 'absolute';
textarea.style.left = '-9999px';
document.body.appendChild(textarea);
textarea.select();
const success = document.execCommand('copy');
document.body.removeChild(textarea);
if (success) {
uni.showToast({ title: '复制成功', icon: 'success' });
} else {
uni.showToast({ title: '复制失败', icon: 'none' });
}
}
};
uni-app 条件编译要写清楚 H5 分支
别指望一个函数通吃所有端。必须用条件编译明确区分 H5 和其他端，否则 PC 上永远走不通。
- 用
#ifdef H5包裹浏览器专用逻辑，#ifndef H5包裹 uni API - 不要在
#ifdef MP-WEIXIN里写 H5 逻辑，它们互斥 - 注意：H5 编译目标包括 PC 浏览器和手机浏览器，两者都走同一套逻辑
典型结构：
copyText(text) {
// #ifdef H5
this.copyForH5(text);
// #endif
// #ifndef H5
uni.setClipboardData({ data: text });
// #endif
}
容易被忽略的细节：focus 和 selection
在某些 PC 浏览器（尤其是 Safari）中，document.execCommand('copy') 失败的常见原因是：textarea 没有获得焦点，或选区未激活。
- 务必调用
textarea.focus()（尤其 Safari 必须） -
textarea.select()后建议加textarea.setSelectionRange(0, text.length)显式设置范围 - 避免在
mounted或onLoad里提前创建 textarea，必须绑定到点击事件内即时创建
这些细节不处理，PC 端复制成功率会掉到 60% 以下，尤其是 macOS + Safari 组合。
