为何Cookies未被移除？按Stack Overflow方案操作仍失效

你的代码存在三个核心问题，导致Cookie删除后请求仍携带Cookie：

1. 未等待异步删除操作完成 #

chrome.cookies.remove是异步API，你当前的循环直接调用删除后立刻执行fetch，此时Cookie删除操作大概率还没完成，请求自然会带上未被删除的Cookie。

2. 删除Cookie的URL格式错误 #

当Cookie的domain是.pqr.com时，你拼接的URL会变成https://.pqr.com/xxx，这种格式不符合规范，会导致删除操作失败。需要去掉域名开头的点，或者直接使用实际请求的域名来构造URL。

3. fetch默认自动携带Cookie #

即使你手动设置了Cookie: ''，浏览器默认会自动携带同域下的有效Cookie。必须显式禁用这个行为，才能确保请求不带Cookie。

修复后的代码 #

// 把chrome.cookies的方法封装成Promise，方便用async/await处理
const getAllCookies = (details) => new Promise(resolve => chrome.cookies.getAll(details, resolve));
const removeCookie = (details) => new Promise(resolve => chrome.cookies.remove(details, resolve));

(async () => {
  try {
    const cookies = await getAllCookies({domain: ".pqr.com"});
    
    for(const cookie of cookies) {
      // 修复URL格式：去掉域名开头的点
      const cleanDomain = cookie.domain.startsWith('.') ? cookie.domain.slice(1) : cookie.domain;
      const httpUrl = `http://${cleanDomain}${cookie.path}`;
      const httpsUrl = `https://${cleanDomain}${cookie.path}`;
      
      try {
        console.log(cookie, "to remove (http)");
        await removeCookie({url: httpUrl, name: cookie.name});          
        console.log(cookie, "removed (http)");
      } catch (ex) {
        console.log(cookie, "http remove error:", ex);
      }
      
      try {
        console.log(cookie, "to remove (https)");
        await removeCookie({url: httpsUrl, name: cookie.name});          
        console.log(cookie, "removed (https)");
      } catch (ex) {
        console.log(cookie, "https remove error:", ex);
      }
    }

    const resp = await fetch("https://https.api.pqr.com/folder/", {
      method: "POST",
      signal: params.signal,
      body: JSON.stringify({
        userInput: "someval" // 修复原代码的引号闭合错误
      }),
      headers: {
        "Content-Type": "application/json;charset=UTF-8",
        "Accept-Language": "en-US,en;q=0.9"
      },
      credentials: 'omit' // 关键：禁止浏览器自动发送Cookie
    });
    
    console.log("请求完成", resp);
  } catch (err) {
    console.error("操作出错:", err);
  }
})();

额外注意点 #

• 原代码中JSON.stringify里的userInput: "someval,存在语法错误，已补上闭合引号。
• 确保你的扩展在manifest.json中配置了cookies权限以及目标域名的主机权限，否则Cookie操作会失败。

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