html5剪贴板写入必须由用户手势触发且仅限安全上下文（https/localhost）；权限查询仅为辅助，不可替代点击时的同步校验与异常捕获，降级需用execcommand配合隐藏textarea。
HTML5 剪贴板写入必须由用户手势触发，且仅在安全上下文（HTTPS 或 localhost）中可用；权限校验不能替代用户触发，但可提前探查写入能力、优化错误提示与降级逻辑——重点不是“等权限通过再复制”，而是“在点击时快速判断是否可行，并给出明确反馈”。
权限查询只作辅助，不替代用户手势
浏览器不支持“预先申请 clipboard-write 权限”后长期授权，navigator.permissions.query({ name: 'clipboard-write' }) 返回的 granted 或 prompt 状态，仅反映当前策略倾向，不代表后续 writeText() 一定成功。尤其在 Safari 或部分移动端，即使权限显示为 granted，若调用不在 click 回调内，仍会抛 NotAllowedError。
- 不要在页面加载时主动 query 权限并缓存结果
- 可在按钮 hover 或 focus 时轻量查询，用于提前禁用/灰显（仅 UI 提示，不可信）
- 真正可靠的判断，始终落在点击事件回调中执行
writeText()并捕获异常
点击时同步做最小化权限/环境检查
在 button 的 click 处理器里，先做两步快速同步检查，避免无谓 Promise 拒绝：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 检查
navigator.clipboard是否存在（过滤旧浏览器） - 检查
location.protocol是否为https:或http:且location.hostname === 'localhost' - 若任一不满足，直接跳过 API 调用，走
execCommand降级或提示“需 HTTPS 环境”
异步写入中按错误类型精细化处理
writeText() 返回 Promise，失败原因不同，应对策略也不同：
- NotAllowedError：最常见，说明非用户手势触发（如模拟点击、异步回调中调用），应提示“请手动点击按钮”并确保绑定真实 click 事件
- SecurityError：当前非安全上下文（如 HTTP 非 localhost），引导用户切换协议或本地开发
- TypeError：传入非字符串（如 undefined、对象），需前端严格校验参数
- 其他错误（如网络中断导致的底层失败）较罕见，统一归为“复制失败，请重试”
降级方案要能兜底，且不依赖权限
当 Clipboard API 不可用或拒绝时，回退到 document.execCommand('copy') 是兼容 IE11–Chrome 65 的有效方式，但它同样要求用户手势和聚焦 textarea：
- 动态创建隐藏
<textarea></textarea>，设readonly并select() - 必须在 click 同步流程中执行
execCommand，不能 await 或 setTimeout - 注意 Safari 对
execCommand的限制更严，部分版本已弃用，仅作最后备选
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
