嗨，我太懂你这个头疼的点了——纯客户端网页要做Google Drive的跨平台直接下载，既要避免跳转到Drive app，又要保留原文件名，确实有点绕。我来给你梳理几个纯前端就能落地的方案：

先解决「不跳转Drive直接下载」的核心问题 #

你用的https://drive.google.com/uc?export=download&id=${fileId}链接在安卓网页里跳Drive，本质是Google在移动端网页上下文里做了跳转拦截。纯客户端的破局办法是别让用户直接点这个链接，用JavaScript自己接管下载流程：

• 用fetch API请求这个UC链接，把文件拉成Blob格式
• 然后创建个隐藏的<a>标签，把Blob转成临时的Object URL，设置好download属性后模拟点击
  这样不管是电脑还是安卓设备，都会直接触发下载，完全不会跳转到Drive app（苹果移动设备的系统限制确实绕不开，这个没办法）

再搞定「保留原文件名，不用ID当文件名」的需求 #

这里分两种纯前端可行的方式，都不需要后端：

1. 用Drive API轻量获取原文件名（最可靠）

你可以用Drive的Files: Get接口，只需要在Google Cloud控制台创建一个API Key（免费的，只需要启用Drive API就行），前端直接请求：

// 替换成你的fileId和API Key
fetch(`https://www.googleapis.com/drive/v3/files/${fileId}?fields=name&key=YOUR_API_KEY`)
  .then(res => res.json())
  .then(data => {
    const fileName = data.name;
    // 拿到文件名后再处理下载
  })

这个请求只会返回文件的名称，非常轻量。拿到文件名后，结合上面的Blob下载流程，把<a>标签的download属性设为这个文件名就行。

小贴士：API Key可以设置域名限制，只允许你的网页域名调用，完全不用担心安全问题。

2. 无API Key的取巧方式（仅适用于公开共享文件）

如果不想折腾API Key，你可以先请求文件的预览页https://drive.google.com/file/d/${fileId}/view，然后用DOM解析提取页面里的文件名——但这个办法不稳定，因为Google哪天改了预览页的结构就失效了，所以还是更推荐用API Key的方式。

整合起来的完整纯前端流程 #

给你理个清晰的执行步骤：

1. 先去Google Cloud控制台创建API Key，启用Drive API，设置好你的网页域名白名单
2. 前端代码里，用户点击下载按钮时：
   • 第一步：调用Drive API获取原文件名
   • 第二步：用fetch请求UC下载链接，拿到文件Blob
   • 第三步：用URL.createObjectURL(blob)生成临时下载链接
   • 第四步：创建隐藏的<a>标签，把href设为临时链接，download设为原文件名，模拟点击触发下载
   • 第五步：下载完成后用URL.revokeObjectURL()释放资源

关于你提到的Content-Disposition的疑问 #

你说的没错，后端确实可以通过这个响应头设置文件名，但纯客户端没法改Google返回的头。不过用上面的Blob+download属性的方式，其实就是在客户端层面模拟了这个头的效果，完全不需要后端支持，完美适配你的纯前端场景。

这样一套操作下来，既解决了安卓端跳Drive的问题，又能保留原文件名，完全符合你的需求～

备注：内容来源于stack exchange，提问作者Abdullah Omar Nasseef