概述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/

发表评论 取消回复