概述Web Share API 提供系统级分享对话框,适合在移动端快速分享内容;Share Target 允许 PWA 注册为接收端,通过 Manifest 声明分享入口。需用户手势触发与安全上下文(HTTPS)。用法与示例Web Share 调用if (navigator.share) { await navigator.share({ title: '示例', text: '内容', url: location.href }) } else { // 回退到复制链接或自定义分享面板 } Share Target Manifest 片段{ "share_target": { "action": "/share", "method": "POST", "enctype": "multipart/form-data", "params": { "title": "title", "text": "text", "url": "url", "files": [{ "name": "images", "accept": ["image/*"] }] } } } 工程建议用户手势:在点击等手势后调用分享;处理用户取消与异常。接收端:服务端或前端路由解析 `POST` 的 multipart 数据;限制文件类型与大小。兼容性:不支持环境提供回退方案;避免桌面端强依赖系统分享。参考与验证MDN Web Share API:https://developer.mozilla.org/docs/Web/API/Navigator/shareweb.dev Share target 指南:https://web.dev/articles/web-share-targetPWA Manifest 规格:https://w3c.github.io/manifest/

发表评论 取消回复