如何删除Google登录生成的.google.com域Cookie并切换账号？

为什么会出现.google.com域的Cookie？ #

浏览器的Cookie规则中，子域名可以设置其父域的Cookie（前提是设置Cookie时指定了domain=.google.com）。Google登录服务运行在accounts.google.com这类子域名下，为了让所有Google旗下网站（如gmail.com、youtube.com等）共享用户登录状态，会将登录相关Cookie的域设置为.google.com。这是跨子域共享身份凭证的标准实现方式，确保用户在任意Google子域登录后，其他Google服务都能识别到登录状态。

如何实现Google登出并重新显示账号选择页面？ #

前端JavaScript受同源策略限制，无法直接操作.google.com域下的Cookie（仅能操作当前域名或其子域名的Cookie），因此你编写的deleteAllCookies函数无法删除这类Cookie。正确的做法是调用Google官方的登出接口：

方法1：使用Google Sign-In JS库的登出方法 #

如果你的登录基于Google提供的gapi.auth2库实现，可直接调用官方登出方法，它会自动清除Google侧的登录状态（包括.google.com的Cookie），确保下次登录弹出账号选择界面：

// 初始化Google Auth实例（若未初始化）
function initGoogleAuth() {
  gapi.load('auth2', function() {
    gapi.auth2.init({
      client_id: '你的客户端ID'
    });
  });
}

// 执行登出操作
function signOutGoogle() {
  const auth2 = gapi.auth2.getAuthInstance();
  auth2.signOut().then(function() {
    console.log('用户已登出Google账号');
    // 可选：清除当前域名下的本地登录状态（如自有用户信息Cookie）
    deleteAllCookies();
  });
}

方法2：重定向到Google官方登出页面 #

若不想依赖gapi库，可让用户重定向到Google的登出页面，完成登出后跳转回你的网站：

function signOutGoogle() {
  // 登出后跳转回当前页面，可替换为你的目标页面URL
  const redirectUrl = encodeURIComponent(window.location.href);
  window.location.href = `https://accounts.google.com/logout?continue=${redirectUrl}`;
}

这种方式由Google官方处理登出流程，清除所有相关的.google.comCookie，用户跳转回来后再次点击登录就会弹出账号选择界面。

补充说明 #

• 登出后建议同时清除自身域名下的用户登录状态（如你写的deleteAllCookies函数），避免本地状态与Google侧状态不一致。
• 不要尝试通过非官方方式修改.google.com的Cookie，这既违反浏览器安全规则，也可能导致登录功能异常。

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