如何从Gmail收件箱页面获取当前登录用户邮箱（Chrome扩展开发）

嘿，这个问题我之前做Gmail扩展的时候也踩过坑——靠抓UI元素拿邮箱确实太不靠谱了，Google隔三差五改界面，每次都得跟着调代码。给你几个更稳的方案，基本不怕UI更新：

首先你得先把扩展登录的账户邮箱存起来（比如用chrome.storage.local），然后在Gmail页面用稳定的方法拿到当前页面的账户邮箱，两者对比匹配后再执行脚本逻辑。

Gmail页面本身会加载Google的身份验证库gapi.auth2，这个是官方API，几乎不会轻易变更，比解析UI靠谱100倍。

在内容脚本里可以这么写：

// 封装一个获取当前Gmail用户邮箱的方法
function getCurrentGmailEmail() {
  return new Promise((resolve) => {
    // 先检查gapi是否已经加载完成
    if (window.gapi?.auth2) {
      const currentUser = window.gapi.auth2.getAuthInstance().currentUser.get();
      resolve(currentUser.getBasicProfile().getEmail());
    } else {
      // 如果还没加载，就轮询等它（Gmail页面肯定会加载这个库，只是时间问题）
      const checkInterval = setInterval(() => {
        if (window.gapi?.auth2) {
          clearInterval(checkInterval);
          const currentUser = window.gapi.auth2.getAuthInstance().currentUser.get();
          resolve(currentUser.getBasicProfile().getEmail());
        }
      }, 300);
    }
  });
}

// 实际使用：对比扩展登录的邮箱
getCurrentGmailEmail().then(currentEmail => {
  chrome.storage.local.get('extensionLoginEmail', (data) => {
    if (currentEmail === data.extensionLoginEmail) {
      // 这里执行你的脚本核心逻辑
      console.log('账户匹配，启动扩展功能');
    } else {
      console.log('当前页面账户和扩展登录账户不一致，跳过');
    }
  });
});

这个方案不需要额外权限，依赖的是Google官方维护的API，稳定性拉满。

如果担心gapi的加载问题，还可以直接从Gmail页面的初始脚本里提取用户信息——Google的后台数据结构变更频率远低于UI，也很稳定。

Gmail的页面源码里会有包含用户信息的JSON片段，你可以这么提取：

function extractEmailFromPageData() {
  const allScripts = document.querySelectorAll('script');
  for (const script of allScripts) {
    const scriptContent = script.textContent;
    // 找包含邮箱的特征字段，比如"email"、"userId"这些
    if (scriptContent.includes('"email":')) {
      // 用正则提取邮箱值
      const emailMatch = scriptContent.match(/"email":"([^"]+)"/);
      if (emailMatch && emailMatch[1]) {
        return emailMatch[1];
      }
    }
  }
  return null;
}

// 使用示例
const currentEmail = extractEmailFromPageData();
if (currentEmail) {
  chrome.storage.local.get('extensionLoginEmail', (data) => {
    if (currentEmail === data.extensionLoginEmail) {
      // 执行你的逻辑
    }
  });
}

这个方法不需要等待任何库加载，页面加载完成就能提取，但偶尔可能需要根据Google的数据结构微调正则——不过这种情况非常少。

如果追求绝对稳定，完全不依赖页面内容，可以用Chrome的Cookies API读取Gmail相关的cookie，里面会存当前登录的邮箱。不过这个需要在扩展manifest.json里申请额外权限。

首先在manifest.json里添加权限：

{
  "permissions": ["cookies", "storage", "identity", "https://mail.google.com/*"]
}

然后在后台脚本（background.js）里监听Gmail页面加载，读取cookie并对比：

// 监听Gmail页面加载完成
chrome.webNavigation.onCompleted.addListener((details) => {
  if (details.url.startsWith('https://mail.google.com/mail/')) {
    // 读取Gmail的GOOGLE_EMAIL cookie
    chrome.cookies.get({url: details.url, name: 'GOOGLE_EMAIL'}, (cookie) => {
      if (cookie) {
        const currentEmail = cookie.value;
        // 从存储里拿扩展登录的邮箱
        chrome.storage.local.get('extensionLoginEmail', (data) => {
          if (currentEmail === data.extensionLoginEmail) {
            // 通知内容脚本执行逻辑
            chrome.tabs.sendMessage(details.tabId, {action: 'runExtensionScript'});
          }
        });
      }
    });
  }
}, {url: [{urlPrefix: 'https://mail.google.com/mail/'}]});

最后在内容脚本里监听这个消息：

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message.action === 'runExtensionScript') {
    // 这里执行你的脚本核心逻辑
  }
});

这个方案完全不依赖页面的任何JS或UI，是最稳定的，但用户安装扩展时会看到“读取您的Cookie”的权限提示，需要权衡。

优先用方案一，它平衡了稳定性、权限要求和实现复杂度；如果需要更快的执行速度，可选方案二；如果追求绝对稳定且不在意权限提示，用方案三。

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