iOS端Chrome、Firefox等非Safari浏览器download属性被忽略问题咨询

系统限制说明 #

这是iOS系统原生的权限限制：苹果强制要求所有第三方浏览器必须使用系统提供的WKWebView内核，不允许使用自研内核，同时默认关闭了非Safari环境下WKWebView对<a download>属性的原生支持。因此Chrome、Firefox、Edge等第三方浏览器在iOS平台上都无法通过点击直接触发该属性的下载逻辑，和跨域、前端代码实现没有关联。

无需后端修改配置的可行解决方案 #

• Blob+自定义触发逻辑（兼容性最优）
  先将待下载的资源通过请求转为Blob对象，再手动构造下载触发逻辑，示例实现如下：

  async function downloadFile(resourceUrl, saveFilename) {
    const response = await fetch(resourceUrl);
    const fileBlob = await response.blob();
    const blobUrl = window.URL.createObjectURL(fileBlob);
    const downloadLink = document.createElement('a');
    downloadLink.href = blobUrl;
    downloadLink.download = saveFilename;
    document.body.appendChild(downloadLink);
    downloadLink.click();
    document.body.removeChild(downloadLink);
    window.URL.revokeObjectURL(blobUrl);
  }
  

  该方案对iOS 14及以上版本的第三方浏览器适配率超过95%。
• Data URL方案（仅适合小文件）
  针对体积小于10M的文本、图片、小型文档等资源，可以直接将资源转码为Base64格式的Data URL，赋值给a标签的href属性，绝大多数iOS第三方浏览器都支持触发该类链接的下载操作。
• 引导用户手动操作
  检测到当前运行环境为iOS非Safari浏览器时，可弹出提示引导用户长按链接后在弹出菜单选择「下载」选项，或是引导用户跳转至Safari打开页面完成下载，该方案适合无法通过前端适配的超大文件场景。

内容的提问来源于stack exchange，提问作者dmudro