Web Share API支持浏览器调用系统分享功能，需先检测兼容性并确保在用户操作中调用，仅限HTTPS环境，可分享文本、链接或文件，提升移动端分享体验。
Web Share API 是现代浏览器提供的一项功能，允许网页调用系统原生的分享对话框，把文本、链接或文件分享到用户设备上已安装的应用中。使用它能让分享操作更流畅，无需依赖第三方社交按钮或跳转页面。
检查浏览器是否支持 Web Share API
并非所有浏览器都支持 Web Share API，因此在调用前应先判断其是否存在。
if (navigator.share) { console.log("支持 Web Share API"); } else { console.log("当前浏览器不支持分享功能"); }建议在不支持的环境中降级处理，比如显示复制链接提示或引导至社交平台手动分享。
调用 share() 方法分享内容
通过 navigator.share() 可以触发系统分享面板。该方法接收一个包含 title、text 和 url 的对象作为参数。
立即学习“Java免费学习笔记（深入）”；
navigator.share({ title: '看看这篇文章', text: '内容很有趣，推荐你阅读', url: 'https://example.com/article' }) .then(() => { console.log('分享成功'); }) .catch((error) => { console.error('分享失败:', error); });注意：url 会自动补全相对路径为完整 URL。如果只分享链接，text 和 title 可省略，但保留有助于提升用户体验。
分享文件（如图片或文档）
Web Share API 还支持分享本地文件，需使用 files 参数。文件必须是 File 类型，通常来自 input 元素或拖拽上传。
const fileInput = document.getElementById('file-input'); const files = fileInput.files; if (files.length > 0) { const file = files[0]; navigator.share({ files: [file] }) .then(() => console.log('文件分享成功')) .catch(err => console.error('文件分享失败:', err)); }目前文件分享主要在移动端 Android 的 Chrome 浏览器中支持较好，桌面端和 iOS 支持有限。
使用限制与注意事项
Web Share API 有一些安全和使用上的限制：
- 必须在 HTTPS 环境下运行，本地开发时 localhost 例外
- 只能在用户触发的操作中调用，例如点击按钮，不能自动弹出
- 分享对话框由操作系统控制，无法自定义样式或预设目标应用
- iOS Safari 对 share() 的支持较晚且部分功能受限
基本上就这些。只要注意兼容性和调用时机，Web Share API 能显著简化分享流程，提升移动用户体验。
