使用 Javascript 书签简化电子邮件提取-js教程-PHP中文网

Simplified Email Extraction with Javascript Bookmark

出现了一个场景，需要从网页中提取电子邮件地址。这将是一项重复性任务，加载类似的页面结构，但从每个页面提取不同的电子邮件地址。最终目标是将这些电子邮件地址复制并粘贴到电子表格中。创建运行 JavaScript 的书签是提取电子邮件的最简单方法。让我们来学习一下吧！

提取电子邮件

在我的特定示例中，我们想要提取的电子邮件位于具有特定 ID 的表内。同样，我们的目标是提取这些电子邮件，将它们复制到剪贴板，然后手动将它们粘贴到电子表格中。

我们首先创建一个立即调用函数表达式 (IIFE)。这将使所有变量的范围清晰地限定在函数本身范围内。因为我们后面要在代码中使用await，所以我们也将函数定义为async。

(async () => {

})();

登录后复制

我们应该检查的第一件事是我们是否确实在该代码将起作用的网页上。如果不是，我们应该显示警报并抛出错误以停止其余代码的运行。

if (!window.location.href.startsWith('URL_HERE')) {
  const hrefError = 'This bookmark cannot be used on this webpage.';
  alert(hrefError);
  throw hrefError;
}

登录后复制

让我们通过其唯一 ID 找到该表。

const table = document.getElementById('ID_HERE');

登录后复制

如果找不到表，我们应该显示警报并抛出错误以停止其余代码的运行。

if (!table) {
  const tableError = 'Table not found';
  alert(tableError);
  throw tableError);
}

登录后复制

现在让我们查找表中的所有链接。

const links = table.getElementsByTagName('a');

登录后复制

我们还创建一个名为 emails 的变量，它将是一个空数组，以便我们可以存储找到的所有电子邮件。

const emails = [];

登录后复制

我们需要循环遍历表中找到的所有链接，看看 href 属性是否以 mailto 开头。如果是，那么我们就找到了一封电子邮件！我们将删除 mailto: 前缀并留下可以添加到 emails 数组中的电子邮件。

for (const link of links) {
  const href = link.getAttribute('href');

  if (href && href.startsWith('mailto:')) {
    emails.push(href.substring(7));
  }
}

登录后复制

现在我们有了一个电子邮件数组，让我们将它们作为字符串复制到剪贴板，每封电子邮件之间有一个换行符。这可以更好地格式化数据，为将数据粘贴到电子表格中做好准备。我们使用await，因为剪贴板API是一个异步函数。

await navigator.clipboard.writeText(emails.join('\n'));

登录后复制

剩下要做的就是显示有多少电子邮件被复制到剪贴板。

alert(`${emails.length} emails copied to clipboard`);

登录后复制

这是最终代码：

(async () => {
  if (!window.location.href.startsWith('URL_HERE')) {
    const hrefError = 'This bookmark cannot be used on this webpage.';
    alert(hrefError);
    throw hrefError;
  }

  const table = document.getElementById('ID_HERE');

  if (!table) {
    const tableError = 'Table not found';
    alert(tableError);
    throw tableError;
  }

  const links = table.getElementsByTagName('a');
  const emails = [];

  for (const link of links) { 
    const href = link.getAttribute('href'); 

    if (href && href.startsWith('mailto:')) { 
      emails.push(href.substring(7)); 
    } 
  }

  await navigator.clipboard.writeText(emails.join('\n'));
  alert(`${emails.length} emails copied to clipboard`);
})();

登录后复制