使电子邮件地址免受网页上机器人的攻击？

Question

当在网页上放置电子邮件地址时，您是否将它们放置为如下文本：

[email protected]

或者使用巧妙的技巧来尝试欺骗电子邮件地址收集机器人？ 例如：

HTML 转义字符：

joe.somebody@company.com

Javascript 解密器：

function XOR_Crypt(EmailAddress)
{
    Result = new String();
    for (var i = 0; i < EmailAddress.length; i++)
    {
        Result += String.fromCharCode(EmailAddress.charCodeAt(i) ^ 128);
    }
    document.write(Result);
}

XOR_Crypt("êïå®óïíåâïäùÀãïíðáîù®ãïí");

人类解码：

[email protected]

joe.somebody AT company.com

你使用什么或者你甚至打扰什么？

Answer 1

在 CSS 中使用内容和属性：

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

<a href="#" class="cryptedmail"
   data-name="info"
   data-domain="example"
   data-tld="org"
   onclick="window.location.href = 'mailto:' + this.dataset.name + '@' + this.dataset.domain + '.' + this.dataset.tld; return false;"></a>

当javascript被禁用时，只有点击事件将不起作用，电子邮件仍然会显示。

另一个有趣的方法（至少没有点击事件）是利用从右到左的标记来覆盖书写方向。 有关此的更多信息： https://en.wikipedia.org/wiki/Right-to-left_mark

Answer 2

这是我使用的方法，带有服务器端包含，例如 其中 emailObfuscator.include 包含以下内容：

<!-- // http://lists.evolt.org/archive/Week-of-Mon-20040202/154813.html -->
<script type="text/javascript">
    function gen_mail_to_link(lhs,rhs,subject) {
        document.write("<a href=\"mailto");
        document.write(":" + lhs + "@");
        document.write(rhs + "?subject=" + subject + "\">" + lhs + "@" + rhs + "<\/a>");
    }
</script>

为了包含地址，我使用 JavaScript：

<script type="text/javascript"> 
    gen_mail_to_link('john.doe','example.com','Feedback about your site...');
</script>
<noscript>
  <em>Email address protected by JavaScript. Activate JavaScript to see the email.</em>
</noscript>

因为自 2005 年以来我一直通过 Gmail 接收电子邮件，所以垃圾邮件几乎不成问题。 所以，我不能说这个方法有多有效。 您可能想阅读 这项研究（虽然很旧）生成了这个图表：

Answer 3

看看这样，非常聪明并且使用CSS。

CSS

span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

HTML

<span class="reverse">moc.rehtrebttam@retsambew</span>

上面的 CSS 将覆盖阅读方向并以正确的顺序向用户呈现文本。

希望它有帮助

干杯

Answer 4

最初不是我的想法，但我找不到作者：

<a href="mailto:[email protected]"
    onmouseover="this.href=this.href.replace(/x/g,'');">link</a>

添加任意多个 x。 它可以完美地读取、复制和粘贴，并且不能被机器人读取。

Answer 5

我一般不会打扰。 我曾经在一个邮件列表中，每天都会收到数千封垃圾邮件。 我们的垃圾邮件过滤器 (spamassassin) 每天可能允许 1 到 2 封邮件通过。 有了这么好的过滤器，为什么合法的人很难联系到你呢？

Answer 6

发明你自己的疯狂电子邮件地址混淆方案。 实际上，它是什么并不重要，只要它与任何众所周知的方法不太相似即可。

问题是，确实没有一个好的解决方案，它们要么相对容易绕过，要么让用户感到恼火。 如果任何一种方法变得流行，那么就会有人找到解决方法。

因此，与其寻找 One True 电子邮件地址混淆技术，不如想出自己的技术。 相信这些机器人作者并不太关心你的网站，不会坐下来写一些东西来绕过你有点疯狂的带有 CSS 和元素边框的渲染文本或完全奇怪的、容易破解的 JavaScript 加密。 即使它很微不足道也没关系，没有人会费心试图绕过它，以便向您发送垃圾邮件。

Answer 7

我认为唯一万无一失的方法是创建一个“联系我”页面，该页面是一个提交到发送到您的电子邮件地址的脚本的表单。 这样，您的地址就永远不会暴露给公众。 由于某种原因，这可能是不可取的，但我认为这是一个非常好的解决方案。 当我被迫将某人的电子邮件地址从他们的网站复制/粘贴到我的邮件客户端并向他们发送消息时，这常常让我感到恼火； 我宁愿通过他们网站上的表格直接完成。 此外，这种方法允许您向您发送匿名评论等。请务必使用某种反机器人方案（例如验证码）来保护您的表单。 SO 上有很多讨论。

Answer 8

您可以使用 reCAPTCHA 保护您的电子邮件地址，他们提供免费服务，因此人们必须输入 CAPTCHA（完全自动化的公共图灵测试来区分计算机和人类）才能查看您的电子邮件：https://www.google.com/recaptcha/admin#mailhide

Answer 9

我写了一个 编码器 (源）使用了我能想到的各种解析技巧（不同类型的HTML 实体、URL 编码、注释、多行属性、软连字符、mailto: URL 的不明显结构等）

它不会阻止所有收集器，但它完全符合标准并且对用户透明。

恕我直言，另一个好的方法（除了棘手的编码之外，您还可以使用它）是：

<a href="mailto:[email protected]" 
   onclick="this.href=this.href.replace(/hatestogetspam/,'')">

Answer 10

如果你有 php 支持，你可以这样做：

<img src="scriptname.php">

还有 scriptname.php：

<?php
header("Content-type: image/png");
// Your email address which will be shown in the image
$email    =    "[email protected]";
$length    =    (strlen($email)*8);
$im = @ImageCreate ($length, 20)
     or die ("Kann keinen neuen GD-Bild-Stream erzeugen");
$background_color = ImageColorAllocate ($im, 255, 255, 255); // White: 255,255,255
$text_color = ImageColorAllocate ($im, 55, 103, 122);
imagestring($im, 3,5,2,$email, $text_color);
imagepng ($im);
?>

Answer 11

我知道我的答案不会被很多人喜欢，但请在拒绝之前考虑这里概述的要点。

任何易于机器读取的内容都将很容易被垃圾邮件发送者机器读取。 尽管他们的行为在我们看来很愚蠢，但他们并不是愚蠢的人。 他们富有创新精神且足智多谋。 他们不仅仅使用机器人来收集电子邮件，他们还可以使用多种方法，除此之外，他们还只需付费购买最新的电子邮件列表。 这意味着，他们在全球范围内吸引了数千名黑帽黑客来执行他们的工作。 人们准备编写恶意软件来抓取其他人浏览器的屏幕，最终使您尝试实现的任何方法变得毫无用处。 这篇帖子已经被 10 多个这样的人阅读过，他们在嘲笑我们。 他们中的一些人甚至可能会无聊到流泪，因为我们无法向他们提出新的挑战。

请记住，您最终并不是要节省自己的时间，而是要节省别人的时间。 因此，请考虑在这里多花一些时间。 没有任何易于执行的灵丹妙药可以发挥作用。 如果您在一家在网站上发布 100 个人电子邮件的公司工作，并且您每天可以减少每人 1 封垃圾邮件，那么我们每年大约会收到 36500 封垃圾邮件。 如果删除此类电子邮件平均需要 5 秒，那么我们每年大约需要 50 个工作小时。 更不用说减少烦恼了。 那么，为什么不花几个小时在这上面呢？

不仅您和收到电子邮件的人认为时间是一种资产。 因此，您必须找到一种方法来混淆电子邮件地址，这样破解它就无济于事。 如果您使用某种广泛使用的方法来混淆电子邮件，那么破解它确实是值得的。 因此，破解者将获得数千甚至数十万封新电子邮件。 对于他们来说，他们会得到钱。

因此，继续编写您自己的方法。 这是重新发明轮子真正获得回报的罕见案例。 使用一种机器可读的方法，并且最好需要一些用户交互而不牺牲用户体验。

我花了大约 20 分钟编写了一个示例来说明我的意思。 在示例中，我使用 KnockoutJS 只是因为我喜欢它，而且我知道您自己可能不会使用它。 但无论如何，这都无关紧要。 这是一个定制的解决方案，并未得到广泛使用。 破解它不会带来任何奖励，因为这种方法只能在广阔的互联网中的单个页面上起作用。

这是小提琴： http://jsfiddle.net/hzaw6/

下面的代码并不是一个示例好的代码。 但这只是一个快速的代码示例，机器很难弄清楚我们甚至在这里处理电子邮件。 即使可以做到，大规模执行也不会得到回报。

是的，我确实知道它在 IE = lte8 上不起作用，因为“无法获取未定义或空引用的属性‘属性’”，但我根本不在乎，因为它只是方法演示，而不是实际实现，并且不打算按原样用于生产。 随意编写自己的代码，这更酷，技术上更可靠等等。

哦，永远不要用 html 或 javascript 命名邮件或电子邮件。 抓取 DOM 和窗口对象来查找任何名为邮件或电子邮件的内容并检查它是否包含与电子邮件匹配的内容实在是太容易了。 这就是为什么您不希望任何变量包含完整形式的电子邮件，这也是为什么您希望用户在分配此类变量之前与页面进行交互的原因。 如果您的 javascript 对象模型包含任何处于 DOM 就绪状态的电子邮件地址，您就会将它们暴露给垃圾邮件发送者。

HTML：

<div data-bind="foreach: contacts">
    <div class="contact">
        <div>
            <h5 data-bind="text: firstName + ' ' + lastName + ' / ' + department"></h5>
            <ul>
                <li>Phone: <span data-bind="text: phone"></span></li>
                <li><a href="#999" data-bind="click:$root.reveal">E-mail</a> <span data-bind="visible: $root.msgMeToThis() != ''"><input class="merged" data-bind="value: mPrefix" readonly="readonly" /><span data-bind="text: '@' + domain"></span></span></li>
            </ul>
        </div>
    </div>
</div>

JS

function ViewModel(){
    var self = this;

    self.contacts = ko.observableArray([
        { firstName:'John', mPrefix: 'john.doe', domain: 'domain.com', lastName: 'Doe', department: 'Sales', phone: '+358 12 345 6789' },
        { firstName:'Joe', mPrefix: 'joe.w', domain: 'wonder.com', lastName: 'Wonder', department: 'Time wasting', phone: '+358 98 765 4321' },
        { firstName:'Mike', mPrefix: 'yo', domain: 'rappin.com', lastName: 'Rophone', department: 'Audio', phone: '+358 11 222 3333' }
    ]);
    self.msgMeToThis = ko.observable('');
    self.reveal = function(m, e){
        var name = e.target.attributes.href.value;
        name = name.replace('#', '');
        self.msgMeToThis(name);
    };
}
var viewModel = new ViewModel();
ko.applyBindings(viewModel);

Answer 12

您可以尝试使用十六进制的html实体隐藏字符（例如：@代表@）。
这是方便的解决方案，因为正确的浏览器会翻译它，并且您可以拥有正常的链接。
缺点是机器人可以从理论上翻译它，但这有点不寻常。
我用它来保护我博客上的电子邮件。

另一种解决方案是使用javascript来组装部分地址并即时解码地址。
缺点是禁用 JavaScript 的浏览器不会显示您的地址。

最有效的解决方案是使用图像，但用户必须手动复制地址，这对用户来说很痛苦。

您的解决方案非常好，因为您只为禁用了 javascript 的用户添加了一个缺点（手动编写@）。
您还可以通过以下方式更加安全：

onclick="this.href='mailto:' + 'admin' + '@' + 'domain.com'"

Answer 13

我最喜欢的方法之一是使用 php 混淆电子邮件地址，一个经典的示例是将字符转换为十六进制值，如下所示：

function myobfiscate($emailaddress){
 $email= $emailaddress;                
 $length = strlen($email);                         
 for ($i = 0; $i < $length; $i++){                
 $obfuscatedEmail .= "&#" . ord($email[$i]).";";
 }
 echo $obfuscatedEmail;
}

然后在我的标记中我将简单地调用它，如下所示：

  <a href="mailto:<?php echo myobfiscate('[email protected]'); ?>"
title="Email me!"><?php echo myobfiscate('[email protected]');?> </a>

然后检查您的源代码，您将惊喜不已！

Answer 14

我不会打扰——这是在错误的层面上进行垃圾邮件战争。 特别是对于公司网站，我认为如果页面上除了带有 mailto 超链接的直接文本之外还有其他内容，那么事情看起来会非常不专业。

垃圾邮件如此之多，无论如何你都需要良好的过滤，而且任何机器人最终都会理解所有常见的技巧。

Answer 15

HTML：

<a href="#" class="--mailto--john--domain--com-- other classes goes here" />

JavaScript，使用 jQuery：

// match all a-elements with "--mailto--" somehere in the class property
$("a[class*='--mailto--']").each(function ()
{
    /*
    for each of those elements use a regular expression to pull
    out the data you need to construct a valid e-mail adress
    */
    var validEmailAdress = this.className.match();

    $(this).click(function ()
    {
        window.location = validEmailAdress;
    });
});

Answer 16

Spambot 不会解释这一点，因为这是一种鲜为人知的方法:)

首先，定义 css：

email:before {
    content: "admin";
}

email:after {
    content: "@example.com";
}

现在，无论您想在何处显示电子邮件，只需插入以下 HTML：

<div id="email"></div>

嗯！

Answer 17

我使用 CSS 和 jQuery 的一个非常简单的组合，它可以向用户正确显示电子邮件地址，并且在单击或悬停锚点时也可以工作：

HTML:

<a href="mailto:[email protected]" id="lnkMail">moc.elpmaxe@em</a>

CSS:

#lnkMail {
    unicode-bidi: bidi-override;
    direction: rtl;
}

jQuery:

$('#lnkMail').hover(function(){
    // here you can use whatever replace you want
    var newHref = $(this).attr('href').replace('spam', 'com');
    $(this).attr('href', newHref);
});

这里是一个工作示例。

Answer 18

我不打扰。 你只会惹恼老练的用户并使不老练的用户感到困惑。 正如其他人所说，Gmail 为个人/小型企业域提供了非常有效的垃圾邮件过滤器，而企业过滤器通常也非常好。

Answer 19

隐藏电子邮件地址的最佳方法只有在机器人程序员发现这种“编码”并实现解密算法之前才有效。

JavaScript选项不会工作太久，因为有很多爬虫解释JavaScript。

没有答案，恕我直言。

Answer 20

！- 添加此内容以供参考，不知道该信息可能有多过时，但它讲述了一些不需要使用任何脚本的简单解决方案

在我自己搜索后，我发现了此页面，但也发现了这些页面：

http://nadeausoftware.com/articles/2007/05/stop_spammer_email_harvesters_obfuscating_email_addresses

尝试反转emailadress

示例纯 HTML：

<bdo dir="rtl">moc.elpmaxe@nosrep</bdo>
Result : [email protected]

使用 CSS 实现相同效果

CSS:
.reverse { unicode-bidi:bidi-override; direction:rtl; }
HTML:
<span class="reverse">moc.elpmaxe@nosrep</span>
Result : [email protected]

将其与前面提到的任何方法相结合甚至可能会使其更有效

Answer 21

一种简单的解决方案是使用 HTML 实体而不是实际字符。
例如，“[email protected]”将转换为：

<a href="mailto:me@example.com">email me</A>

Answer 22

我对类似问题的回复：

我使用 CSS 和 jQuery 的一个非常简单的组合来显示
向用户正确发送电子邮件地址，并且在锚点打开时也能正常工作
点击：

HTML：

[电子邮件受保护]" id="lnkMail">moc.elpmaxe@em; 
  

CSS：

<前><代码>#lnkMail {
unicode-bidi：双向覆盖；
方向：rtl；
}

jQuery：

$('#lnkMail').hover(function(){ 
    // 这里你可以使用任何你想要的替换 
    var newHref = $(this).attr('href').replace('spam', 'com'); 
    $(this).attr('href', newHref); 
  }); 
  

这里是一个工作示例。

Answer 23

这是我的工作版本：

---

在某处创建一个带有后备文本的容器：

<div id="knock_knock">Activate JavaScript, please.</div>

并在 DOM 的底部（关于渲染）添加以下代码片段：

<script>
  (function(d,id,lhs,rhs){
    d.getElementById(id).innerHTML = "<a rel=\"nofollow\" href=\"mailto"+":"+lhs+"@"+rhs+"\">"+"Mail"+"<\/a>";
  })(window.document, "knock_knock", "your.name", "example.com");
</script>

它将生成的超链接添加到指定的容器：

<div id="knock_knock"><a rel="nofollow" href="[email protected]">Mail</a></div>

此外，这里是一个缩小版本：

<script>(function(d,i,l,r){d.getElementById(i).innerHTML="<a rel=\"nofollow\" href=\"mailto"+":"+l+"@"+r+"\">"+"Mail"+"<\/a>";})(window.document,"knock_knock","your.name","example.com");</script>

Answer 24

一个巧妙的技巧是在 div 中包含单词 Contact，并且仅当用户将鼠标移到其上时才显示电子邮件地址。 电子邮件可以进行 Base64 编码以提供额外的保护。

就是这样：

<div id="contacts">Contacts</div>

<script>
  document.querySelector("#contacts").addEventListener("mouseover", (event) => {
    // Base64-encode your email and provide it as argument to atob()
    event.target.textContent = atob('aW5mb0BjbGV2ZXJpbmcuZWU=')
  });
</script>

Answer 25

唯一最安全的方法当然是首先不要将电子邮件地址放在网页上。

Answer 26

请改用联系表格。 将所有电子邮件地址放入数据库中，并创建一个 HTML 表单（主题、正文、发件人...），提交用户在表单中填写的电子邮件内容（以及用于在数据库中查找该人的电子邮件地址）到服务器端脚本，然后该脚本将电子邮件发送给指定的人。 电子邮件地址在任何时候都不会被暴露。 您可能还想实施某种形式的验证码来阻止垃圾邮件机器人。

Answer 27

可能有机器人将 [at] 和其他伪装为 @ 符号识别。 所以这并不是一个真正有效的方法。

当然，您可以使用一些编码，例如 URL 编码或 HTML 字符引用（或两者）：

// PHP example
// encodes every character using URL encoding (%hh)
function foo($str) {
    $retVal = '';
    $length = strlen($str);
    for ($i=0; $i<$length; $i++) $retVal.=sprintf('%%%X', ord($str[$i]));
    return $retVal;
}
// encodes every character into HTML character references (&#xhh;)
function bar($str) {
    $retVal = '';
    $length = strlen($str);
    for ($i=0; $i<$length; $i++) $retVal.=sprintf('&#x%X;', ord($str[$i]));
    return $retVal;
}

$email = '[email protected]';
echo '<a href="'.bar('mailto:?to=' . foo(','.$email.'')).'">mail me</a>';

// output
// <a href="mailto:?to=%2C%75%73%65%72%40%65%78%61%6D%70%6C%65%2E%63%6F%6D">mail me</a>

但由于使用它们是合法的，因此每个浏览器/电子邮件客户端也应该处理这些编码。

Answer 28

一种可能是使用 isTrusted 属性 (Javascript)。

Event 接口的 isTrusted 只读属性是一个布尔值
当事件由用户操作生成时为 true，为 false
当事件由脚本创建或修改或通过调度时
EventTarget.dispatchEvent()。

例如，在您的情况下：

getEmail() {
  if (event.isTrusted) {
    /* The event is trusted */
    return '[email protected]';
  } else {
    /* The event is not trusted */
    return '[email protected]';
  }
}

⚠ IE 不兼容！

从文档中阅读更多内容： https://developer.mozilla.org /en-US/docs/Web/API/Event/isTrusted

Answer 29

我创建了我的 [电子邮件受保护]，然后在它旁边写上“删除”大写字母”

Answer 30

另一种可能是独特的技术可能是使用多个图像和一些纯文本字母来显示地址。 这可能会让机器人感到困惑。