Chrome扩展开发：Google Drive查找/创建指定文件夹返回undefined排查

你这段查询文件夹ID的代码存在以下几处明确错误，直接导致无法获取正确的文件夹ID：

• 查询参数位置完全错误
  Google Drive v3的文件夹列表查询接口，要求过滤条件参数q必须拼接在请求URL的查询串中。你目前把q封装进FormData随请求发送的写法，GET接口根本不会解析这部分内容，最终发出的请求相当于没有加任何过滤条件，返回的是账号下所有可见文件的列表，不是你指定名称的文件夹结果。
• 响应取值路径逻辑错误
  即便参数传对了，Google Drive接口返回的结构中，匹配的文件/文件夹是放在files数组里的，不存在你代码里写的files.data这一层级；同时数组类型的files不能直接取id属性，自然会返回undefined。
• 请求方法和表单格式不匹配
  FormData是适配multipart/form-data格式的请求载体，专门给带文件上传的POST请求用的。你给纯GET查询请求绑定FormData不仅不会生效，还可能触发浏览器跨域预检，导致请求直接被拦截。
• 过滤条件缺失易引发误匹配
  你当前的查询语句没有加上trashed = false的过滤规则，会把已经被移入回收站的同名文件夹也纳入匹配范围，就算查询成功也可能定位到已经删除的无效文件夹ID。

另外你现有的创建文件夹逻辑也有个容易被忽略的坑：

• metadata里的name字段被写成了数组格式[folderName]，Google Drive接口会把数组转成字符串存储，最终生成的文件夹名称会带上方括号（比如实际名字是[Screenity]），后续查询的时候会因为名称对不上，始终匹配不到自己创建的文件夹，建议把name字段改成纯字符串格式的folderName。

修正后的查询逻辑参考 #

function findTargetFolder(token, targetFolderName) {
  const filterQuery = `mimeType = 'application/vnd.google-apps.folder' and name = '${targetFolderName}' and trashed = false`;
  // 将查询参数拼接到URL中，通过fields参数精简返回的冗余数据
  const requestUrl = `https://www.googleapis.com/drive/v3/files?q=${encodeURIComponent(filterQuery)}&fields=files(id,name)`;
  
  const xhr = new XMLHttpRequest();
  xhr.open('GET', requestUrl);
  xhr.setRequestHeader('Authorization', 'Bearer ' + token);
  xhr.responseType = 'json';
  xhr.onload = () => {
    const matchedFolders = xhr.response.files || [];
    if (matchedFolders.length === 0) {
      // 没有匹配到目标文件夹，执行你已经写好的创建文件夹流程
      return;
    }
    // 取第一个匹配到的文件夹ID
    const targetFolderId = matchedFolders[0].id;
    chrome.tabs.create({
      url: "https://drive.google.com/drive/u/0/folders/" + targetFolderId
    });
  };
  xhr.send();
}

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