Web Share API可在Chrome 61+中调用系统分享功能，需HTTPS/localhost环境、用户手势触发；支持文本/URL分享、Chrome 94+文件分享，并需错误处理与降级方案。
如果您在Chrome浏览器中开发Web应用，希望调用设备原生分享功能（如将文本、链接或文件分享至微信、短信、邮件等系统级应用），则需通过Web Share API实现。以下是具体实施步骤：
一、确认浏览器支持与运行环境
Web Share API仅在安全上下文（HTTPS 或 localhost）中可用，且Chrome 61+ 版本支持 navigator.share() 方法。不满足条件时调用将直接抛出错误或静默失败。
1、打开Chrome浏览器，访问 chrome://version/，确认版本号 ≥ 61。
2、确保当前页面协议为 https:// 或使用 http://localhost 进行本地测试。
3、在开发者工具控制台中执行 typeof navigator.share，返回 "function" 表示API可用。
二、基础分享调用（文本与URL）
最简调用方式是传入包含 title、text、url 属性的对象，Chrome会将其传递给系统分享面板，由用户选择目标应用。
1、在JavaScript中编写如下代码：
2、if ('share' in navigator) { navigator.share({ title: '网页标题', text: '分享的描述内容', url: 'https://example.com' }); }
3、将该代码绑定到按钮点击事件中，避免页面加载即触发（否则Chrome会拒绝非用户手势触发的分享）。
三、处理分享失败与拒绝场景
用户可能取消分享操作，或系统不支持某类数据，此时Promise会reject，必须显式捕获异常以防止脚本中断。
1、使用 .catch() 捕获拒绝情形：
2、navigator.share({ text: '示例文本' }).catch(err => console.error('分享被拒绝或失败:', err));
3、常见错误类型包括 AbortError（用户取消）、NotAllowedError（非手势触发）、TypeError（参数格式错误）。
四、分享文件（Chrome 94+ 支持）
Chrome 94起支持通过 files 数组分享 Blob 文件，需注意文件大小限制及MIME类型有效性，系统分享面板将显示对应图标与名称。
1、创建Blob对象并封装为File实例：
2、const blob = new Blob(['Hello World'], { type: 'text/plain' }); const file = new File([blob], 'note.txt', { type: 'text/plain' });
3、在 share() 调用中传入 files 字段：
4、navigator.share({ files: [file] });
五、降级方案：检测不支持时启用备用分享逻辑
当 navigator.share 不可用时，可回退至复制链接、生成分享二维码或跳转至社交平台分享URL等替代方式，确保基础功能可用。
1、判断API不可用后，执行复制操作：
2、if (!('share' in navigator)) { navigator.clipboard.writeText('https://example.com'); alert('链接已复制，请手动分享'); }
3、或构造微博、Twitter等平台的预设分享URL，并 window.open() 打开新窗口。
