反爬机制之svg映射反爬详解

最新推荐文章于 2023-11-09 11:36:19 发布

公众号菜鸟童靴

最新推荐文章于 2023-11-09 11:36:19 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：爬虫逆向集合

本文链接：https://blog.youkuaiyun.com/BigBoy_Coder/article/details/104748253

爬虫逆向集合专栏收录该内容

9 篇文章 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了SVG映射反爬的原理和分析方法。通过学习，了解到当点击电话信息时，网站采用SVG映射进行防护。通过分析SVG源码和CSS，可以计算出数字在SVG图像中的位置，从而破解反爬机制。实践过程中，找到数字4在SVG中的坐标，以此类推解决其他数字。测试代码可用于验证解析过程。

声明：本文只作学习研究，禁止用于非法用途，否则后果自负，如有侵权，请告知删除，谢谢！

练习网站平台：

http://www.porters.vip/confusion/food.html

操作前我们简单了解一下原理：

svg映射，属于css反爬的一种，一说到css反爬，顾名思义就是利用css样式移动背景图片达到呈现文字效果的一种反爬措施。

开启分析之旅：

点击进入网站，看到我们要抓取的信息，查看到电话那一栏我们发现，有些猫腻，接下来就是我们本次文章的重点分析了，

当我们点击电话那一栏时，出现如上图所示，这时候我们判断他是svg映射反爬，接下来，我们按部就班的去找到他的css和svg文件，分别是

http://www.porters.vip/confusion/f

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

公众号菜鸟童靴

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

呦~，这不 SVG 映射反爬么，这你都会？厉害厉害 | 案例 27

梦想橡皮擦，专栏100例写作模式先行者，现象级专栏《Python 爬虫 100 例》作者、《滚雪球学 Python 专栏》原创者

01-27

3482

在正式学习本篇博客前，先要了解一下什么是 SVG（Scalable Vector Graphics），它是一种矢量图形格式，可以用来在网页上创建可伸缩的图形。阅读本篇博客前，需要提前了解一下如何在 Python 中生成 SVG 图片，这一点可以参考下述博客。

Python 爬虫：一文掌握 SVG 映射反爬虫

数据知道的博客

03-15

9393

SVG用于在网页上显示二维图形。与传统的位图图像（如JPEG、PNG）不同，SVG图像可以在不失真的情况下缩放，并且支持丰富的交互性和动画效果。提取字体文件：从网页中下载字体文件（通常是 WOFF 或 TTF 格式）。解析字体映射：使用工具（如 fontTools）解析字体文件，获取字符映射关系。还原原始数据：根据映射关系还原 SVG 中的文本。# 加载字体文件# 获取字符映射关系# 示例：根据映射关系还原字符svg_text = "" # SVG 中的字符。

参与评论您还未登录，请先登录后发表或查看评论

python爬虫进阶-SVG映射反爬虫

jia666666的博客

10-19

1819

目的破解SVG解密的字符，得到正确的字符练习平台 http://www.porters.vip/confusion/food.html 思路解析一、SVG的具体表现二、CSS文件三、svg 四、举例详解这里选择图一为例：已知：类名：vhkjj4 坐标：（-316px -141px）----取正整数则为（316,141）可以自行选择其他类名进行尝试源码 #!/usr/bin/env python # -*- coding: utf-8 -*- # @Author : jia

SVG映射反爬虫

weixin_45230787的博客

08-23

237

SVG映射反爬虫

SVG映射坐标

lingyuncelia的博客

01-17

433

效果如下：从浏览器的效果可以看出，x=0，文字已经剪贴屏幕左边了，而y=11，文字已经靠顶了。如果y=0，第一行文字就消失了。因此，根据字符，根据这y的差额： demo.html: <html> <head> <link type="text/css" rel="stylesheet" href="zhiliao.css"> </head> <body> <d class="lhttest"></d> &lt.

SVG反爬虫绕过-Python Spider

Data _designer

03-04

2501

In [1]: import re In [2]: import requests In [3]: url_css = 'http://www.porters.vip/confusion/css/food.css' In [4]: url_svg = 'http://www.porters.vip/confusion/font/food.svg' In [5]: css_res...

大众点评svg反爬

weixin_45886778的博客

11-07

3538

python爬虫——大众点评svg反爬（仅供学习使用）学爬虫有大半年，仅仅会一些基础的爬虫，对一些反爬有深度的反爬就over了，最近在学svg反爬与字体反爬，然后用大众点评练一下。当然会有代码跑起来效率不高的的地方以及错误，大家可以指点。前言大众点评是一款非常受大众喜爱的一个第三方的美食相关的点评网站。从网站内可以推荐吃喝玩乐优惠信息，提供美食餐厅、酒店旅游、电影票、家居装修、美容美发、运动健身等各类生活服务，通过海量真实消费评论的聚合，帮助大家选到服务满意商家。因此，该网站的数据也就非常有价值。优惠

大众点评数据采集系统_破解字体反爬与SVG映射反爬技术_实现店铺列表页与详情页信息爬取_用于餐饮行业数据分析与竞品研究_支持多线程并发与代理池轮换_集成Redis存储字体库与MyS.zip

最新发布

07-22

SVG映射反爬示例练习直接提取SVG文字图片的文本

web15085181368的博客

03-01

537

前面我已经介绍过解析CSS图片偏移反爬和字体反爬的数据，链接如下： Python提取CSS图片背景偏移定位的数据：https://blog.youkuaiyun.com/as604049322/article/details/118401598 2万字硬核剖析网页自定义字体解析：https://blog.youkuaiyun.com/as604049322/article/details/119333427 woff字体图元结构剖析，自定义字体的制作与匹配和识别：https://blog.youkuaiyun.com/as604049322

精选资源

SVG-Three-Map:使用Three.js将SVG映射转换为2.5D

04-29

使用Three.js将SVG映射转换为2.5D 文献资料将SVG转换为Three.js 使用SVGLoader将所有SVG形状转换为Three.js 为Astar生成网格使用第一个形状作为地板。将所有形状的SVG添加为墙。与三个物体的相互作用通过使用...

【解决】常见反爬总结之SVG映射

老鹰的博客

08-12

999

记得好早之前，我做过关于外卖平台字体加密反爬总结笔记，今天给大家记录另外一种常见的反爬 —— SVG 映射

字体、svg反爬虫汇总

shadowtalon的博客

08-03

663

这几天闲着没事做了一个爬虫的项目，里面包含了：大众点评字体解密、大众点评svg解密、猫眼动态字体解密，下面详细的解释解决几种字体加密的思路与做法。

反爬研究：大众点评文字样式反爬机制，SVG反爬

队长小楠的博客

12-21

4770

【原创内容请勿转载】本文仅提供研究学习反爬技术使用大众点评的反爬工作一向做的很好，变化也非常的多。以往大众点评网页端的反爬主要以IP访问频率的控制为主，同时能够识别Selenium + ChromeDriver的自动化解决方案,使得使用自动化方式进行滑动解锁的半自动抓取亦不能顺利进行。此处可以通过一些手段屏蔽Selenium的标识。今年11月份左右，大众点评再次升级了自己的反爬策略，采用了通...

记录大众点评的字体反爬——Css+svg

weixin_34396902的博客

04-18

882

地址：http://www.dianping.com/shop/9964442 检查一下看到好多字没有了，替代的是<x class="xxx"></x>这种标签定位到元素在css里的位置打开url找到文字介绍SVG svg可缩放矢量图形基于可扩展标记语言——用代码画矢量图可以写入文本如下图，xy是相对于svg标签的坐...

svg字体反爬-柳州螺蛳粉

小柴来啦~

03-18

640

Steamoat 反爬虫练习

《封号码罗》python爬虫之70行代码破解CSS映射SVG反爬虫（四）

Python_DJ的博客

03-20

485

svg映射反爬虫利用来浏览器和编程语言在渲染方面的差异，以及svg和css定位这样的前端知识。不管是数字还是英文，又或者是中文，都可以使用svg映射，以达到反爬虫的策略，正如上图页面里面，d标签里面什么都没有，只有一个class属性，但是页面却可以显示出相应的内容观察抓包情况：可以看到页面加载来两个文件，分别是css和svg 看到css使用了background-image属性，说明它...

java获取SVG文件里面得所有标签

qq_39608433的博客

04-29

2802

今天客户提出来svg 图可能随时要换，所有我同事就提出了解析svg得代码，然后根据.vue文件操作svg图，我这边就找了一下网上解析svg 文件得代码但是都没说的很明白我自己建了一个java 项目测试了一下 // 解析svg public static String analysisofSVG(String URI) throws Exception { File file = new...

一线大厂在用的反爬虫手段，看我破！

xiaoganbuaiuk的博客

11-09

602

由于 SVG 中的图形代表的也是一个个文字，所以在使用时必须在后端或前端将真实的文字与对应的 SVG 图形进行映射和替换，这种反爬虫手段被称为 SVG 映射反爬虫。我们的爬虫代码可以按照同样的逻辑实现映射功能，在解析 HTML 代码时将 d 标签的 class 属性值取出来，然后进行映射即可得到页面中显示的数字。在了解 SVG 基本知识之后，我们回头看一下案例中所使用的 SVG 文件中坐标参数的设定，图 6-23 中的字符与图 6-24 图片页源代码中的字符一一对应，且每个字符都设定了。

☀️SVG映射反爬示例练习⚡直接提取SVG文字图片的文本⚡