navigator.share()需HTTPS、用户手势触发、同源URL三者缺一不可，否则抛NotAllowedError；常见“没反应”实为浏览器拦截，非静默失败。
navigator.share() 是目前最轻量、最原生的分享方式，但它不是“开箱即用”的功能——必须满足 HTTPS、用户手势触发、同源 URL 三个硬性条件，缺一不可。不满足时直接抛 NotAllowedError，而不是静默失败。
为什么 navigator.share() 点击没反应？
常见现象是按钮点了没弹窗，控制台也无报错，实际是调用被浏览器主动拦截了。根本原因只有两个：
- 页面不是 HTTPS（或非
localhost）——本地开发可用http://localhost:8080，但http://127.0.0.1或 IP 地址不行 - 调用不在用户手势上下文中——比如放在
setTimeout、fetch().then()、Promise.resolve().then()里，哪怕只延迟 0ms，也会被拒绝
验证方法：在控制台手动执行 navigator.share({title:'test',text:'ok',url:'/'})，如果弹出分享面板，说明环境 OK；否则先检查协议和触发路径。
如何安全 fallback 到平台分享链接？
当 navigator.share 不可用（Firefox、旧 Safari、部分安卓 WebView），需降级为 a 标签跳转。但不能直接拼接原始文本——中文、空格、& 符号会导致链接截断或 404。
- 必须对
text和url参数做encodeURIComponent()，例如：https://twitter.com/intent/tweet?text=+encodeURIComponent(title + ' ' + window.location.href) - 微信没有公开可用的 iOS/Android 分享协议，
weixin://已废弃，不要写 - LinkedIn 和微博支持直接跳转：
https://www.linkedin.com/sharing/share-offsite/?url=、https://service.weibo.com/share/share.php?url= - Twitter 的
twitter://在 iOS 上已失效，必须用https://twitter.com/intent/tweet?text=
PWA 如何注册为系统级分享目标？
这是反向场景：你不是“发起分享”，而是让自己的 PWA 被其他 App “分享内容进来”。这需要在 manifest.json 中声明 share_target，并在 Service Worker 中处理 fetch 事件。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
-
share_target只支持 POST 请求，且必须指定action（如/share）、method（固定为POST）、enctype（multipart/form-data或application/x-www-form-urlencoded） - Service Worker 必须监听
fetch事件，匹配event.request.url.endsWith('/share')，再用event.request.formData()或.json()解析传入数据 - 仅 Chrome/Edge on Android 支持完整字段（text、url、files），iOS Safari 完全不支持此能力
注意：share_target 是单向接收，和 navigator.share() 无关，两者共存也不冲突。
Open Graph 标签和分享卡片的关系
无论你用 navigator.share() 还是平台跳转链接，只要对方平台（微信、WhatsApp、Twitter、LinkedIn）抓取你的页面，就会读取 <meta property="og:title"> 这类标签生成分享卡片。但这个过程完全由对方服务端完成，前端无法控制时机或缓存。
-
og:image必须是绝对 HTTPS URL，相对路径或 blob URL 会被忽略 - 图片尺寸建议 1200×630，小于 300×157 可能被降级显示为纯文字
- 修改
og标签后，微信需用“微信开发者工具”里的“调试”功能强制刷新缓存，其他平台一般有数小时延迟
真正容易被忽略的是：分享卡片是否生效，和你用什么 JS API 发起分享毫无关系——它只取决于页面 HTML 里有没有正确、可访问、可抓取的 og: 标签。
