现代浏览器需HTTPS+用户手势触发navigator.share()，参数为{title,text,url}且url须绝对路径；Safari 16.4+才支持text；检测应结合"share" in navigator与try/catch，fallback用encodeURIComponent后window.open各平台分享链接。
Web Share API 在 Chrome / Edge / Safari 中怎么用？
现代浏览器（Chrome 61+、Edge 79+、Safari 16.4+）原生支持 navigator.share()，但仅限 HTTPS 环境且用户手势触发（比如点击按钮）。直接在 index.html 里写个 onclick 调用即可，无需额外库或权限声明。
常见错误：页面没走 HTTPS、在 setTimeout 或加载完成回调里自动调用、用 fetch 后再调用——这些都会触发 NotAllowedError: Permission denied。
- 必须由用户显式点击（
click、touchend）触发，不能由load、DOMContentLoaded自动触发 -
navigator.share()只接受一个对象参数：{ title, text, url }，其中url必须是同源或已解析的绝对 URL（不能是相对路径如"./about.html"） - Safari 16.4+ 才支持
text字段，旧版只认title和url；Android Chrome 对title显示不一致，建议以url为主
判断浏览器是否支持 Web Share API？
不能只靠 if (navigator.share) 就开干。iOS Safari 16.0–16.3 返回 undefined，但部分 iPadOS 版本有 navigator.canShare 方法；更稳妥的是用 try/catch + 特性探测组合。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 先检查
"share" in navigator，再加if (navigator.canShare?.({ url: window.location.href }))（可选，非必需） - 调用前务必包裹
try...catch，捕获AbortError（用户取消）、NotAllowedError（权限/触发方式不对）、Error（参数非法） - 不要把分享逻辑和埋点、日志等异步操作耦合，避免因 Promise 拒绝导致后续代码中断
fallback 到系统分享链接（微信、QQ、钉钉）怎么写？
当 navigator.share 不可用时，最可靠 fallback 是生成带参数的分享 URL，例如微信内置浏览器识别 weixin:// 协议（但 iOS 上基本失效），实际能用的只有通用跳转方案。
推荐做法是用 window.open() 打开各平台分享地址，例如：
const url = encodeURIComponent(window.location.href);
const title = encodeURIComponent(document.title);
window.open(`https://service.weibo.com/share/share.php?url=${url}&title=${title}`, '_blank');
注意点：
- 微博、豆瓣、Twitter 等开放平台提供标准分享 URL，参数需
encodeURIComponent，否则中文或特殊字符会出错 - 微信、QQ 官方 SDK 需后端签名，前端直连
qq.com/share类页面已大多失效或限频，不建议依赖 - 不要尝试用
location.href = "intent://..."或自定义协议唤起 App，安卓兼容性差，iOS 几乎全部拦截
为什么 iOS Safari 有时点了没反应？
不是代码问题，而是系统级限制：iOS 16.4+ 才完整支持 navigator.share() 的 text 和 files 字段；更低版本即使有该 API，调用也会静默失败或抛 NotSupportedError。
调试时容易忽略的细节：
- 真机测试必须用 HTTPS，本地
http://localhost在 iOS 上完全不可用（连navigator.share属性都不存在） - 某些企业内网或测试环境用了自签名证书，iOS 会拒绝建立安全上下文，导致 API 不暴露
- 如果页面被嵌入
<iframe>且未设置allow="clipboard-write; share;"，API 会被禁用
复杂点在于：同一份代码，在 macOS Safari 和 iOS Safari 行为可能完全不同，且无统一降级路径。能做的只有严格检测、明确提示、提供复制链接按钮作为最终 fallback。
