navigator.canshare仅检测api支持性，不校验文件类型、大小及平台限制；需同时满足浏览器支持、mime类型合法、总大小合规（android≤5mb、ios仅支持单图≤2mb且不支持files字段）三条件。
navigator.canShare 为什么不能直接判断图片/文件是否可分享
它只检查浏览器是否支持 navigator.share API，不校验传入的 files 或 text 是否被当前系统真正接受。比如 Chrome Android 返回 true，但传入一个 10MB 的 Blob，调用 navigator.share 仍会直接抛出 AbortError 或静默失败。
校验多媒体附件前必须确认的三个条件
缺一不可，否则 navigator.share 调用必然失败：
- 浏览器支持
navigator.canShare且返回true -
files数组中每个File对象的type必须是系统已注册的 MIME 类型（如"image/jpeg"、"text/plain"），"application/octet-stream"多数系统拒收 -
files总大小不能超过当前平台限制：Android Chrome 通常 ≤ 5MB，iOS Safari 仅支持单图且 ≤ 2MB，且不支持files字段（只认url和text）
实际可用的兼容性预检函数
下面这个函数不是“万能检测”，而是把最容易出错的边界条件显式暴露出来：
function canShareMedia({ files = [], text = "", url = "" }) {
if (!navigator.canShare) return false;
<p>// 基础能力检测
if (!navigator.canShare({})) return false;</p><p>// iOS Safari 不支持 files
if (/iPad|iPhone|iPod/.test(navigator.userAgent) && files.length > 0) {
return false;
}</p><p>// 检查文件类型是否合理
if (files.some(f => !f.type || f.type === "application/octet-stream")) {
return false;
}</p><p>// 粗略大小限制（避免调用时才崩溃）
const totalSize = files.reduce((sum, f) => sum + f.size, 0);
if (totalSize > 5 <em> 1024 </em> 1024) return false;</p><p>return true;
}</p>
注意：这个函数返回 true 只代表“大概率能过”，不代表 100% 成功——系统级分享面板是否弹出，最终仍取决于用户设备上安装了哪些支持分享协议的 App。
容易忽略的真坑：URL 分享在 iOS 上的特殊行为
即使 navigator.canShare({ url: "https://..." }) 返回 true，iOS Safari 实际调用 navigator.share 时仍可能失败，原因有二：
- URL 必须是 HTTPS 协议，HTTP 会被静默忽略
- 如果页面未通过用户手势触发（比如在
setTimeout或fetch回调里调用），iOS 会直接拒绝，且不抛错
所以务必确保调用 navigator.share 的函数是直接绑定在 click 或 touchend 事件上的，中间不要穿插异步逻辑。
