首页 > 软件开发 > CSS >

在网页中防止爬虫抓取真实Email地址的小技巧

来源:互联网 2023-03-16 19:10:42 170

在网页中防止爬虫抓取真实Email地址,可以把email地址反过来写,然后使用css将其反过来显示,实现了在网页上看到的是正确的email地址,但爬虫抓取到是错误的email地址。下面举例介绍实现的过程。

ZlT办公区 - 实用经验教程分享!

ZlT办公区 - 实用经验教程分享!

方法/步骤

  • 1

    新建一个html文件,命名为test.html,用于讲解在网页中防止爬虫抓取真实Email地址的小技巧。ZlT办公区 - 实用经验教程分享!

    在网页中防止爬虫抓取真实Email地址的小技巧ZlT办公区 - 实用经验教程分享!

  • 2

    在test.html文件内,使用style标签创建css样式编写区域,css代码将在style标签内执行。

    ZlT办公区 - 实用经验教程分享!

    ZlT办公区 - 实用经验教程分享!

    在网页中防止爬虫抓取真实Email地址的小技巧ZlT办公区 - 实用经验教程分享!

  • 3

    在test.html文件内,使用h1标签创建邮箱地址的显示区,并设置其class属性为email,代码如下:ZlT办公区 - 实用经验教程分享!

    在网页中防止爬虫抓取真实Email地址的小技巧ZlT办公区 - 实用经验教程分享!

  • 3此文章未经授权抓取自百度经验
  • 4

    在test.html文件内,使用span标签包围已倒转的email地址,并设置其class属性为jm,代码如下:

    ZlT办公区 - 实用经验教程分享!

    ZlT办公区 - 实用经验教程分享!

    在网页中防止爬虫抓取真实Email地址的小技巧ZlT办公区 - 实用经验教程分享!

  • 5

    在test.html文件内,使用css设置h1的样式,颜色为黑色,文字大小为2em,字体加粗。

    ZlT办公区 - 实用经验教程分享!

    ZlT办公区 - 实用经验教程分享!

    在网页中防止爬虫抓取真实Email地址的小技巧ZlT办公区 - 实用经验教程分享!

  • 6

    在test.html文件内,通过css中unicode-bidi和direction两属性设置邮箱地址反转显示。ZlT办公区 - 实用经验教程分享!

    在网页中防止爬虫抓取真实Email地址的小技巧ZlT办公区 - 实用经验教程分享!

  • 7

    在浏览器打开test.html,查看邮箱地址,可见,使用css成功将代码里的邮箱地址反转显示,变成真实的地址。

    ZlT办公区 - 实用经验教程分享!

    ZlT办公区 - 实用经验教程分享!

    在网页中防止爬虫抓取真实Email地址的小技巧ZlT办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ZlT办公区 - 实用经验教程分享!


    标签: CSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码