如何在Chrome扩展中获取Gmail邮件发件人邮箱属性值

嘿，我来帮你搞定这个问题！你现在用document.querySelector("span.gD").textContent拿到的是标签内显示的文本内容（比如你例子里的bol.com），但你需要的是该元素上的email属性值，用下面的方法就能轻松获取：

核心解决方案 #

使用元素的getAttribute()方法来获取指定属性的值：

const senderEmail = document.querySelector("span.gD").getAttribute("email");

更稳妥的完整实现 #

考虑到Gmail页面可能存在元素未加载或者选择器失效的情况，建议加上判断逻辑，同时别忘了对参数进行URL编码（避免姓名/邮箱里的特殊字符破坏URL结构）：

// 定位发件人对应的span元素
const senderSpan = document.querySelector("span.gD");

if (senderSpan) {
  // 获取邮箱属性值
  const senderEmail = senderSpan.getAttribute("email");
  // 获取发件人姓名（优先取name属性，没有则用文本内容）
  const senderName = senderSpan.getAttribute("name") || senderSpan.textContent;

  // 编码参数并生成目标URL
  const encodedName = encodeURIComponent(senderName);
  const encodedEmail = encodeURIComponent(senderEmail);
  const targetUrl = `http://customerdatabe.com/insert_person.php?name=${encodedName}&email=${encodedEmail}`;

  // 打开新窗口访问目标URL
  window.open(targetUrl, "_blank");
} else {
  // 元素未找到时的错误提示
  console.error("未找到发件人信息，请确保已打开邮件详情页面");
}

补充说明 #

• 为什么不用textContent？因为textContent返回的是标签包裹的文本内容，而你需要的是元素上的自定义属性值，这时候getAttribute()才是正确的选择。
• 关于URL编码：encodeURIComponent()会把空格、特殊字符转换成URL安全的格式，避免出现参数解析错误的问题（比如姓名里的空格会被转成%20）。
• 注意Gmail的DOM结构可能会随版本更新变化，如果以后span.gD选择器失效，你可能需要重新检查页面源码调整选择器，但目前这个方案在当前版本的Gmail上是有效的。

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