blocks|key|1582787|text|不要在这里使用任何混淆技术，因为这可能是电子邮件收集器发现人们是如何混淆电子邮件的第一个地方。如果你必须让你的电子邮件地址在站点上可见，不要一字不差地复制别人的方法；用一些其他站点都没有使用过的独特方式来混淆它，这样在采集器访问你的站点之前，你的方法就不会被他们知道。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1582788|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Don't use any obfuscation techniques here because it's probably the first place the email harvesters will look to find out how people are obfuscating emails. If you have to have your email address visible on the site don't just copy verbatim someone else's method; obfuscate it in some unique way that no other site has used so that your method won't be known to harvesters before they visit your site.

blocks|key|1367731|text|我使用JavaScript混淆，看看下面这个例子：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1367732|http://www.jottings.com/obfuscator/|offset|length|1367733|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|Z|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

I use JavaScript obfuscation, take a look at this one for example:

<a href="http://www.jottings.com/obfuscator/" rel="noreferrer">http://www.jottings.com/obfuscator/</a>

blocks|key|1367776|text|目前公认的解决方案是创建一个允许用户向您发送电子邮件的联系人表单。如果你收到大量的垃圾邮件(我的网站上没有)，那么你可以添加验证码，这样你就离“低垂的果实”很远了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1367777|事实是，如果你提供了一个链接，用户可以点击这个链接来打开他们的电子邮件客户端，并将你的地址放在To:字段中，那么计算机就能够破译页面中的电子邮件地址，垃圾邮件机器人也可以。|1367778|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

The current accepted solution is to create a contact form that allows users to email you. If you receive a lot of spam from that (I don't on my site), then you can add a captcha for good measure, and you'll be far from the "low hanging fruit" at that point.

The fact of the matter is that if you are providing a link that a user can click on to pop open their email client with your address in the To: field, then the computer is able to decipher the email address from the page and so can a spam bot.

blocks|key|1367799|text|我将字符编码为HTML实体(something+like+this)。它不需要启用JS，似乎已经阻止了大部分垃圾邮件。我想一个聪明的机器人可能仍然会收获它，但我没有遇到任何问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1367800|entityMap|0|LINK|mutability|MUTABLE|url|http://www.wbwip.com/wbw/emailencoder.html^0|E|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I encode the characters as HTML entities (<a href="http://www.wbwip.com/wbw/emailencoder.html" rel="noreferrer">something like this</a>). It doesn't require JS to be enabled and seems to have stopped most of the spam. I suppose a smart bot might still harvest it, but I haven't had any problems.

blocks|key|1367844|text|就我个人而言，我已经放弃了隐藏我的电子邮件地址。我发现研究更好的垃圾邮件过滤解决方案比担心混淆更容易。你可以花几天的时间来寻找混淆你的地址的最好方法，然后只需要一个人把你的地址卖给垃圾邮件发送者，所有的工作都是徒劳的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1367845|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Personally, I've given up on hiding my email address. I find it easier to look into better spam-filtering solutions than worry about obfuscating. You could spend days trying to find the best way to obfuscate your address, and then all it takes is one person to sell your address to a spammer and all that work was useless.

blocks|key|1583028|text|老实说，如果你问到mailto是否是你真正想要使用的，那么你的问题可能是没有意义的。例如，许多使用web邮件的人，或者没有在浏览器中正确设置邮件客户端的人，将不会从mailto中受益。您正在暴露您的电子邮件地址的功能，该功能将无法为您的大部分用户工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1583029|相反，您可以使用表单在幕后发送电子邮件，这样电子邮件地址就会隐藏起来，您不必担心那些不会从mailto中受益的可怜的笨蛋。|1583030|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Honestly, your problem may be moot if you asked the question of whether or not a mailto is really what you want to use. A lot of people who use web mail, for example, or do not have the proper mail client setup in their browser are not going to benefit from a mailto. You are exposing your email address for a function that isn't going to work for a large portion of your users.

What you could do instead is use a form to send the e-mail behind the scenes so that the e-mail address is hidden and you don't have to worry about the poor saps who won't benefit from a mailto.

blocks|key|1367935|text|你可以像Google在Google+Code+(和Groups)上做的那样。显示电子邮件的格式和可点击的部分("...")。单击该选项表示您想知道该电子邮件，系统会要求您填写验证码。之后的电子邮件(和其他？)对你来说都是可见的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1367936|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You could do as Google do on Google Code (and Groups). Display a par tof the email, and a clickable portion ("..."). Clicking that indicates you want to know the email, and you are asked to fill in a captcha. Afterwards the email (and others?) are visible to you.

blocks|key|1367960|text|显然，using+CSS+to+change+the+direction+of+your+text运行得很好。该链接还测试了一系列其他模糊处理方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1367961|无论你使用什么，都将不可避免地被击败。你的主要目标应该是避免惹恼你的用户。|1367962|entityMap|0|LINK|mutability|MUTABLE|url|http://techblog.tilllate.com/2008/07/20/ten-methods-to-obfuscate-e-mail-addresses-compared/^0|3|1A|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Apparently <a href="http://techblog.tilllate.com/2008/07/20/ten-methods-to-obfuscate-e-mail-addresses-compared/" rel="noreferrer">using CSS to change the direction of your text</a> works pretty well. That link has a test of a bunch of other obfuscation methods as well.

Whatever you use is inevitably going to be defeated. Your primary aim should be to avoid annoying the heck out of your users.

blocks|key|1368027|text|我不知道这会有多好。你能不能不留下你的电子邮件地址，并使它加载使用AJAX调用一旦页面完成加载。不确定垃圾邮件机器人是否可以拾取修改后的HTML，或者它们是否足够聪明，可以监听其他HTTP流量以尝试挑选电子邮件地址，或者它们是否只扫描第一次收到的页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1368028|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I don't how well this would work. Could you not leave your email address out and make it load using an AJAX call once the page has finished loading. Not sure if spam bots can pick up the altered HTML or if they are clever enough to listen on other HTTP traffic to try and pick email addresses or if they just scan the page as it is received the first time.

blocks|key|1368074|text|如果您使用PHP，您可以获取一个自动执行此操作的免费脚本。它被称为“私人爸爸”，我们用它来提供我们自己的在线音频流服务。只需一行代码，它就可以开箱即用……你可以在here上找到它|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1368075|entityMap|0|LINK|mutability|MUTABLE|url|http://www.privatedaddy.com/^0|29|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you work with PHP, you can grab a free script that does that automatically. It's called "Private Daddy" and we use it for our own online audio streaming service. Just one line of code and it works out of the box... you can grab it <a href="http://www.privatedaddy.com" rel="nofollow noreferrer">here</a>

blocks|key|1368097|text|如果你在你的网站上说“我的电子邮件地址是(我的名字)@(我的姓氏).com.”，你的名字和姓氏非常明显，这似乎是你将得到的最好的垃圾邮件防护。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1368098|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you say on your site that "My e-mail address is (my first name)@(my last name).com.", and your first name and last name are pretty darn obvious, that seems to be the best spam protection you're going to get.

blocks|key|1583252|text|查看this。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1583253|“Enkoder+Form”将加密你的电子邮件地址，并将结果转换为自我评估的JavaScript，从而隐藏它，使其不被电子邮件收集机器人所发现，这些机器人在网络上爬行寻找暴露的地址。您的地址将被web浏览器正确显示，但对于电子邮件收集机器人来说实际上是无法识别的。|1583254|entityMap|0|LINK|mutability|MUTABLE|url|http://hivelogic.com/enkoder^0|2|4|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Check <a href="http://hivelogic.com/enkoder" rel="nofollow noreferrer">this</a> out.

The 'Enkoder Form' will encrypt your Email address and convert the result to a self evaluating JavaScript, hiding it from Email-harvesting robots which crawl the web looking for exposed addresses. Your address will be displayed correctly by web-browsers, but will be virtually indecipherable to Email harvesting robots.

blocks|key|1583267|text|我的想法其实很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1583268|<h3+id="email">hello@gmail.com</h3>


++++$(document).ready(function(){
//my+email+in+reverse+:)
++++++++++++var+s+=+'moc.elibomajninbew@htiek';
++++++++++++var+e+=+s.split("").reverse().join("");
++++++++++++$('#email').html('<a+href="mailto:'%2Be%2B'">'%2Be%2B'</a>');
++++});|code-block|syntax|javascript|1583269|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

mine is actually simple:

<pre><code>&lt;h3 id="email"&gt;hello@gmail.com&lt;/h3&gt;&lt;!-- add a fake email --&gt;


 $(document).ready(function(){
//my email in reverse :)
 var s = 'moc.elibomajninbew@htiek';
 var e = s.split("").reverse().join("");
 $('#email').html('&lt;a href="mailto:'+e+'"&gt;'+e+'&lt;/a&gt;');
 });
</code></pre>

blocks|key|1583277|text|



info&#064;<b+style="display:none">mydomain<script>document.write(".pbz".replace(/[a-zA-Z]/g,function(c){return+String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)%2B13)?c:c-26);}));</script>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1583278|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;!-- Multi-Email Obfuscator --&gt;
&lt;!-- step 1: &amp;#064; = @ --&gt;
&lt;!-- step 2: a scrap element --&gt;
&lt;!-- step 3: ROT13 encode for .com --&gt;
info&lt;!-- step 1 --&gt;&amp;#064;&lt;!-- step 2 --&gt;&lt;b style="display:none"&gt;my&lt;/b&gt;domain&lt;!-- step 3 --&gt;&lt;script&gt;document.write(".pbz".replace(/[a-zA-Z]/g,function(c){return String.fromCharCode((c&lt;="Z"?90:122)&gt;=(c=c.charCodeAt(0)+13)?c:c-26);}));&lt;/script&gt;
</code></pre>

blocks|key|1583323|text|另一种方法是使用JavaScript框架并将数据/模型绑定到HTML元素。在AngularJS的情况下，HTML元素将被写成：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1583324|<a+href="mailto:{{contactEmail}}">{{contactEmail}}</a>|code-block|syntax|javascript|1583325|插值{{data}}绑定使用包含实际电子邮件值的作用域变量。此外，还可以使用筛选器来处理电子邮件的解码，如下所示：|1583326|<a+href="mailto:{{contactEmail+%7C+decode}}">{{contactEmail+%7C+decode}}</a>|1583327|好处在于HTML的编写方式。缺点是它需要脚本支持，这对某些人来说可能是否定的。|1583328|只是另一种方法。|1583329|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Another approach could be by using a JavaScript framework and binding the data/model to the HTML elements. In the case of AngularJS, the HTML elements would be written as:

<pre><code>&lt;a href="mailto:{{contactEmail}}"&gt;&lt;span&gt;{{contactEmail}}&lt;/span&gt;&lt;/a&gt;
</code></pre>

The interpolation {{data}} binding uses a scope variable that contains the actual email value. In addition, a filter could also be used that handles the decoding of the email as follows:

<pre><code>&lt;a href="mailto:{{contactEmail | decode}}"&gt;&lt;span&gt;{{contactEmail | decode}}&lt;/span&gt;&lt;/a&gt;
</code></pre>

The benefits are in the way the HTML is written. The downside is that it requires scripting support which some for may be a no no.

just another approach.

blocks|key|1583358|text|混淆锚的href的一种轻量级方法是对其进行base64编码：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1583359|>+btoa('mailto:email@example.com')
<+"bWFpbHRvOmVtYWlsQGV4YW1wbGUuY29t"|code-block|syntax|javascript|1583360|然后把它硬编码进去：|1583361|<a+href="javascript:window.location.href=atob('bWFpbHRvOmVtYWlsQGV4YW1wbGUuY29t')">E-Mail</a>|1583362|或动态服务器端，例如PHP：|1583363|<a+href="javascript:window.location.href=atob('<?=+base64_encode("mailto:email@example.com")+?>')">E-Mail</a>|1583364|与字符串返回相结合，它可能是非常节省垃圾邮件的：|1583365|<a+href="javascript:window.location.href=atob('<?=+base64_encode("mailto:email@example.com")+?>')"+style="unicode-bidi:+bidi-override;+direction:+rtl;"><?=+strrev("email@example.com")+?></a>|1583366|entityMap^0|4|4|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|16|8|@]|D|@]|E|$]]|$1|U|3|V|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|W|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|X|$]]

A lightweight way to obfuscate the <code>href</code> of an anchor is to base64-encode it:

<pre><code>&gt; btoa('mailto:email@example.com')
&lt; "bWFpbHRvOmVtYWlsQGV4YW1wbGUuY29t"
</code></pre>

And then include it hardcoded:

<pre><code>&lt;a href="javascript:window.location.href=atob('bWFpbHRvOmVtYWlsQGV4YW1wbGUuY29t')"&gt;E-Mail&lt;/a&gt;
</code></pre>

Or dynamically server-side e.g. in PHP:

<pre><code>&lt;a href="javascript:window.location.href=atob('&lt;?= base64_encode("mailto:email@example.com") ?&gt;')"&gt;E-Mail&lt;/a&gt;
</code></pre>

In combination with string reversion it could be pretty spam-save:

<pre><code>&lt;a href="javascript:window.location.href=atob('&lt;?= base64_encode("mailto:email@example.com") ?&gt;')" style="unicode-bidi: bidi-override; direction: rtl;"&gt;&lt;?= strrev("email@example.com") ?&gt;&lt;/a&gt;
</code></pre>

blocks|key|1368290|text|Cloudflare现在提供免费的email+obfuscation+service。如果您使用Cloudlfare，这可能是一个选择。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1368291|entityMap|0|LINK|mutability|MUTABLE|url|https://support.cloudflare.com/hc/en-us/articles/200170016-What-is-Email-Address-Obfuscation-^0|H|P|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Cloudflare is now offering free <a href="https://support.cloudflare.com/hc/en-us/articles/200170016-What-is-Email-Address-Obfuscation-" rel="nofollow noreferrer">email obfuscation service</a>. This might be an option if you use Cloudlfare.

blocks|key|1368329|text|如果创建一个链接“联系我”，指向一个受密码保护的目录，该怎么办？当然，您必须提供访问的通行证。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1368330|“联系我”>···>+contact/index.html|1368331|一旦被访问，contact/index.html页面就会显示电子邮件，例如mailto。|1368332|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

What if creating a link "Contact me" pointing to a directory protected by a password? Of course, you have to give the pass to access.

"Contact me" > ••••••••••• > contact/index.html

Once accessed, the contact/index.html page reveals the email, a mailto for instance.

blocks|key|1583471|text|我的解决方案是使用css重新排列字符，并替换悬停时的元素。用户看不到任何更改。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1583472|const+obscureHoverReverseMailTo+=+input+=>+`<span+style="display:+inline-flex;+color:+rgb(0,+0,+238);+cursor:+pointer;+text-decoration:+underline;"+onmouseover="const+newContent+=+[...this.children].sort((a,+b)+=>+a.style.order+-+b.style.order).map(el+=>+el.innerText).join('');this.outerHTML+=+\`<a+href='mailto:+\${newContent}'>\${newContent}</a>\`">${input.split("").map((char,+index)+=>+`<span+style="order:+${index}">${char}`).sort(()+=>+0.5+-+Math.random()).join("")}`;|code-block|syntax|javascript|1583473|​|1583474|const+obscureHoverReverseMailTo+=+input+=>+`<span+style="display:+inline-flex;+color:+rgb(0,+0,+238);+cursor:+pointer;+text-decoration:+underline;"+onmouseover="const+newContent+=+[...this.children].sort((a,+b)+=>+a.style.order+-+b.style.order).map(el+=>+el.innerText).join('');this.outerHTML+=+\`<a+href='mailto:+\${newContent}'>\${newContent}</a>\`">${input.split("").map((char,+index)+=>+`<span+style="order:+${index}">${char}`).sort(()+=>+0.5+-+Math.random()).join("")}`;

document.getElementById("testRoot").innerHTML+=+obscureHoverReverseMailTo("hello@example.com")|1583475|<div+id="testRoot"></div>

<input+type="text"+onkeyup="document.getElementById('testOut').innerHTML+=+obscureHoverReverseMailTo(this.value)">
<div+id="testOut"></div>|1583476|1583477|如果你有其他需要隐藏的东西，下面是函数：|1583478|const+obscureHoverReverse+=+input+=>+`<span+style="display:+inline-flex"+onmouseover="this.outerHTML+=+[...this.children].sort((a,+b)+=>+a.style.order+-+b.style.order).map(el+=>+el.innerText).join('')">${input.split("").map((char,+index)+=>+`<span+style="order:+${index}">${char}`).sort(()+=>+0.5+-+Math.random()).join("")}`;|1583479|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|M|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|Z|8|@]|9|@]|A|$]]|$1|P|3|Q|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|R|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|S|$]]

My solution is to rearrange the characters using css and replacing the element on hover. No change is visible to the user.
<pre><code>const obscureHoverReverseMailTo = input =&gt; `&lt;span style=&quot;display: inline-flex; color: rgb(0, 0, 238); cursor: pointer; text-decoration: underline;&quot; onmouseover=&quot;const newContent = [...this.children].sort((a, b) =&gt; a.style.order - b.style.order).map(el =&gt; el.innerText).join('');this.outerHTML = \`&lt;a href='mailto: \${newContent}'&gt;\${newContent}&lt;/a&gt;\`&quot;&gt;${input.split(&quot;&quot;).map((char, index) =&gt; `&lt;span style=&quot;order: ${index}&quot;&gt;${char}&lt;/span&gt;`).sort(() =&gt; 0.5 - Math.random()).join(&quot;&quot;)}&lt;/span&gt;`;
</code></pre>
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const obscureHoverReverseMailTo = input =&gt; `&lt;span style="display: inline-flex; color: rgb(0, 0, 238); cursor: pointer; text-decoration: underline;" onmouseover="const newContent = [...this.children].sort((a, b) =&gt; a.style.order - b.style.order).map(el =&gt; el.innerText).join('');this.outerHTML = \`&lt;a href='mailto: \${newContent}'&gt;\${newContent}&lt;/a&gt;\`"&gt;${input.split("").map((char, index) =&gt; `&lt;span style="order: ${index}"&gt;${char}&lt;/span&gt;`).sort(() =&gt; 0.5 - Math.random()).join("")}&lt;/span&gt;`;

document.getElementById("testRoot").innerHTML = obscureHoverReverseMailTo("hello@example.com")</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="testRoot"&gt;&lt;/div&gt;

&lt;input type="text" onkeyup="document.getElementById('testOut').innerHTML = obscureHoverReverseMailTo(this.value)"&gt;
&lt;div id="testOut"&gt;&lt;/div&gt;</code></pre>
</div>
</div>

here is the function if you have something else to hide:
<pre><code>const obscureHoverReverse = input =&gt; `&lt;span style=&quot;display: inline-flex&quot; onmouseover=&quot;this.outerHTML = [...this.children].sort((a, b) =&gt; a.style.order - b.style.order).map(el =&gt; el.innerText).join('')&quot;&gt;${input.split(&quot;&quot;).map((char, index) =&gt; `&lt;span style=&quot;order: ${index}&quot;&gt;${char}&lt;/span&gt;`).sort(() =&gt; 0.5 - Math.random()).join(&quot;&quot;)}&lt;/span&gt;`;
</code></pre>

blocks|key|1368413|text|我同意@srobinson的观点，即使用在线表单对html实体进行编码似乎有点可疑。下面几行python代码将为您完成这项工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1368414|def+htmlEntities(+string+):
++++return+''.join(['&#{0};'.format(ord(char))+for+char+in+string])

htmlEntities("barnstable@example.com")|code-block|syntax|javascript|1368415|以上返回：|1368416|'&#98;&#97;&#114;&#110;&#115;&#116;&#97;&#98;&#108;&#101;&#64;&#101;&#120;&#97;&#109;&#112;&#108;&#101;&#46;&#99;&#111;&#109;'|1368417|它被barnstable@example.com编码成超文本标记语言实体(用单引号括起来)。|1368418|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I agree with @srobinson in that using an online form for encoding to html entities seems a little shady. A few lines of python will do it for you:
<pre><code>def htmlEntities( string ):
 return ''.join(['&amp;#{0};'.format(ord(char)) for char in string])

htmlEntities(&quot;barnstable@example.com&quot;)
</code></pre>
the above returns:
<pre><code>'&amp;#98;&amp;#97;&amp;#114;&amp;#110;&amp;#115;&amp;#116;&amp;#97;&amp;#98;&amp;#108;&amp;#101;&amp;#64;&amp;#101;&amp;#120;&amp;#97;&amp;#109;&amp;#112;&amp;#108;&amp;#101;&amp;#46;&amp;#99;&amp;#111;&amp;#109;'
</code></pre>
Which is barnstable@example.com encoded to HTML Entities (surrounded by single quotes).

blocks|key|1583551|text|简单的JavaScript感知机器人通常会在HTML页面内容中查找mailto:和/或@。对这些关键字进行模糊处理将大大降低电子邮件地址被窃取的机会。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1583552|可以使用Base-64编码的网址模板mailto:%25user%25@%25domain%25：|1583553|function+contact(user,+domain+=+location.hostname)+{
++const+template+=+atob('bWFpbHRvOiV1c2VyJUAlZG9tYWluJQ==');
++location.href+=+template
++++.replace('%25user%25',+user)
++++.replace('%25domain%25',+domain);
++return+false;
}|code-block|syntax|javascript|1583554|其中'bWFpbHRvOiV1c2VyJUAlZG9tYWluJQ=='是btoa('mailto:%25user%25@%25domain%25')。|1583555|HTML链接需要按如下方式更新：|1583556|<a+href="javascript:+contact('x',+'y.com')">e-mail+me</a>|1583557|此外，可以对用户隐藏javascript:地址：|1583558|<a+href="#"+onclick="return+contact('x',+'y.com')">e-mail+me</a>|1583559|return语句阻止页面导航到#锚点。|1583560|entityMap^0|X|7|17|1|0|I|M|0|0|2|Y|11|U|0|0|0|A|B|0|0|0|6|F|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|1E|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1F|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|6|7|1G|8|@$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|U|3|V|5|J|7|1J|8|@]|D|@]|E|$K|L]]|$1|W|3|X|5|6|7|1K|8|@$9|1L|A|1M|B|C]|$9|1N|A|1O|B|C]]|D|@]|E|$]]|$1|Y|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]]|Z|$]]

Simple JavaScript-unaware bots typically look for <code>mailto:</code> and/or <code>@</code> in HTML page contents. Obfuscating these keywords will dramatically decrease chances of email address scraping.
A Base-64 encoded URL template <code>mailto:%user%@%domain%</code> can be employed:
<pre class="lang-js prettyprint-override"><code>function contact(user, domain = location.hostname) {
 const template = atob('bWFpbHRvOiV1c2VyJUAlZG9tYWluJQ==');
 location.href = template
 .replace('%user%', user)
 .replace('%domain%', domain);
 return false;
}
</code></pre>
Where <code>'bWFpbHRvOiV1c2VyJUAlZG9tYWluJQ=='</code> is <code>btoa('mailto:%user%@%domain%')</code>.
HTML links would need to be updated as follows:
<pre class="lang-html prettyprint-override"><code>&lt;a href=&quot;javascript: contact('x', 'y.com')&quot;&gt;e-mail me&lt;/a&gt;
</code></pre>
Furthermore, <code>javascript:</code> addresses can be hidden from the users:
<pre class="lang-html prettyprint-override"><code>&lt;a href=&quot;#&quot; onclick=&quot;return contact('x', 'y.com')&quot;&gt;e-mail me&lt;/a&gt;
</code></pre>
The <code>return</code> statements prevent the page navigation to the <code>#</code> anchor.

I've spent the past few days working on updating my personal website. The URL of my personal website is (my first name).(my last name).com, as my last name is rather unusual, and I was lucky enough to pick up the domain name. My e-mail address is (my first name)@(my last name).com. So really, when it comes down to guessing it, it's not very hard.

Anyways, I want to integrate a mailto: link into my website, so people can contact me. And, despite my e-mail address not being very hard to guess, I'd rather not have it harvested by spam bots that just crawl websites for e-mail address patterns and add them to their database.

What is the best way for me to obfuscate my e-mail address, preferably in link form? The methods I know of are:

<pre><code>&lt;a href="mailto:x@y.com"&gt;e-mail me&lt;/a&gt;
</code></pre>

It works, but it also means that as soon as my website hits Google, I'll be wading through spam as spam bots easily pick out my e-mail address.

<pre><code>&lt;img src="images/e-mail.png" /&gt;
</code></pre>

This is less desirable, because not only will visitors be unable to click on it to send me an e-mail, but smarter spam bots will probably be able to detect the characters that the image contains.

I know that there is probably no perfect solution, but I was just wondering what everyone thought was best. I'm definitely willing to use JavaScript if necessary, as my website already makes use of tons of it.

Best way to obfuscate an e-mail address on a website?

验证码

数据库

服务器

我在过去的几天里一直在更新我的个人网站。我个人网站的网址是(我的名字).(我的姓氏).com，因为我的姓氏很不寻常，我很幸运地拿到了域名。我的电子邮件地址是(我的名字)@(我的姓氏).com。所以，真的，当涉及到猜测的时候，它并不是很难。无论如何，我想在我的网站上集成一个mailto:链接，这样人们就可以联系我了。而且...

问在网站上混淆电子邮件地址的最好方法？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在网站上混淆电子邮件地址的最好方法？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在网站上混淆电子邮件地址的最好方法？
EN