Safari 中 document.execCommand 已被彻底移除，应优先使用 navigator.clipboard.writeText()，但需满足 HTTPS 和用户手势触发两个前提，失败时不应降级至 execCommand 而应提示用户手动复制。
复制按钮在 Safari 里点不动？因为 document.execCommand 已被弃用且 Safari 不支持
直接调用 document.execCommand('copy') 在 Safari（尤其是 16.4+）基本失效，控制台会报 TypeError: document.execCommand is not a function。这不是你代码写错了，是 Safari 主动移除了这个 API。临时创建 <textarea> 并聚焦再执行复制的老方案，在 Safari 中必须配合 user-select: text 和显式 select() 才能触发选中 —— 否则 execCommand 拿不到内容，或者干脆静默失败。
- 必须用
textarea（不能用input[type="text"]，Safari 对后者select()支持不稳定） - 元素需插入 DOM、可见（
opacity: 0可接受，但display: none或visibility: hidden会导致select()失效） - 必须手动调用
textarea.select()，不能只靠focus() - 推荐在
click事件的同步上下文中执行，避免异步延迟后失去用户手势上下文（Safari 对非用户触发的复制权限极其严格）
navigator.clipboard.writeText() 是正解，但 Safari 要求 HTTPS + 用户手势
现代方案应优先用 navigator.clipboard.writeText()，它在 Safari 13.1+ 完全支持，但有两个硬性前提：页面必须运行在 HTTPS 下，且调用必须发生在用户明确触发的事件回调内（比如 button 的 click）。如果页面是 http://localhost 或 file:// 协议，Safari 会直接拒绝并抛出 NotAllowedError。
- 错误示例：
setTimeout(() => navigator.clipboard.writeText('x'), 100)→ Safari 拒绝 - 正确写法：绑定在
button.addEventListener('click', () => navigator.clipboard.writeText(text)) - 记得加
try/catch，捕获NotAllowedError（用户未授权/协议不合规）和PermissionDeniedError（用户之前拒绝过） - 不需要临时 DOM 元素，干净、可靠、无样式干扰
Safari 复制失败时别硬 fallback 到 execCommand
很多教程建议「先试 clipboard.writeText，失败就退到 execCommand」，但在 Safari 上这种 fallback 几乎必然失败 —— 因为 execCommand 已不可用，且降级逻辑本身可能破坏用户手势上下文（比如在 catch 里再操作 DOM 触发新 select()）。更务实的做法是：明确区分环境，对 Safari 直接放弃 execCommand 路径，转而提示用户手动复制或检查协议。
- 可用
if (navigator.userAgent.includes('Safari') && !navigator.userAgent.includes('Chrome'))粗筛 Safari（注意 Chrome on macOS UA 也含 Safari 字符串，要排除） - 更稳的方式是特性检测：
if (!navigator.clipboard?.writeText)→ 说明浏览器彻底不支持现代剪贴板 API，此时只能提示或提供textarea供手动Ctrl+C - 不要试图用
document.execCommand做兜底，它在 Safari 16+ 已彻底删除，不是“不推荐”，是“不存在”
移动端 Safari 的额外限制：长按粘贴栏不会自动出现
即使 navigator.clipboard.writeText() 成功执行，iOS/iPadOS Safari 也不会像原生 App 那样自动弹出“已复制”提示或唤起粘贴栏。用户完全感知不到是否成功 —— 这不是 bug，是设计策略。必须主动反馈，否则体验断层。
立即学习“前端免费学习笔记（深入）”；
- 成功后立即显示一个轻量 toast，比如
document.querySelector('.copy-tip').textContent = '已复制！' - 避免依赖系统级反馈，Safari 不给你这个权利
- 若复制内容含换行或特殊字符（如
\n），iOS Safari 剪贴板有时会过滤掉，建议用textContent替代innerText提取纯文本，或提前replace(/\r\n|\r|\n/g, ' ')归一化
navigator.clipboard 的开关；而“用户手势”不是指鼠标按下，而是指事件必须源自 click、touchend 等可信任交互，中间不能有 Promise.then、setTimeout 或其他异步跳转。 
