svg图标加密常见于招聘平台(如前程无忧、智联招聘)和房产中介网站(如链家、贝壳),用于保护电话号码、薪资数字等敏感信息;其本质是用或图形替代文字,通过映射、css class绑定或js动态生成实现防文本提取。

SVG图标加密常见于哪些网站场景
这类加密多见于招聘平台(如前程无忧、智联招聘)、房产中介(如链家、贝壳)的电话号码、薪资数字展示。它们不直接写文本,而是把数字拆成 <path></path> 或 <use></use>,用 transform 或 d 属性偏移坐标,再通过 CSS 字体或 SVG <defs></defs> 中的 <symbol></symbol> 映射到真实字符。本质是“用图形代替文字”,绕过简单文本提取。
如何定位 SVG 图标与数字的映射关系
关键不是解析 SVG 渲染结果,而是逆向找出每个 <path></path> 或 <use></use> 对应哪个数字。常见路径有三类:
- 查看页面源码中
<svg></svg>标签是否内嵌<defs><symbol id="num-0">...</symbol></defs>,id值往往直接对应数字(如num-5→5) - 检查
<use xlink:href="#num-3"></use>这类引用,提取#num-3中的后缀数字 - 若使用动态 class(如
class="icon-num-7"),需结合 CSS 文件或 JS 初始化逻辑,确认 class 名与数字的绑定逻辑
注意:有些站点会把 id 或 href 值做 base64 或简单异或混淆,此时需在浏览器控制台执行 JS 解密片段验证,不要硬猜。
用 Python 提取并还原数字的实操步骤
核心是解析 HTML + SVG 结构,建立“图标标识 → 数字”的映射表,再对目标 <use></use> 或 <path></path> 批量替换。推荐用 lxml(比 BeautifulSoup 更稳,支持 XPath 定位 SVG 元素):
from lxml import etree
<p>html = etree.HTML(response_text)</p><h1>提取所有 symbol 定义,构建映射</h1><p>symbols = html.xpath('//svg//defs/symbol[@id]')
mapping = {}
for sym in symbols:
sid = sym.get('id')
if sid and sid.startswith('num-'):
digit = sid.split('-')[-1]
if digit.isdigit():
mapping[sid] = digit</p><h1>提取页面中所有 use 标签,还原数字</h1><p>uses = html.xpath('//use[starts-with(@xlink:href, "#num-")]')
result = []
for u in uses:
href = u.get('{<a href="https://www.php.cn/link/5033fd9ca925f86dbd50b35dcdd85206">https://www.php.cn/link/5033fd9ca925f86dbd50b35dcdd85206</a>') or u.get('xlink:href')
if href and href.startswith('#num-'):
key = href[1:] # 去掉 #
result.append(mapping.get(key, '?'))</p><p>print(''.join(result)) # 如 ['1', '3', '8'] → "138"
</p>
⚠️ 注意:xlink:href 是命名空间属性,必须用完整命名空间前缀 {https://www.php.cn/link/5033fd9ca925f86dbd50b35dcdd85206 获取,否则 lxml 可能返回空。
遇到动态加载或字体 SVG 怎么办
如果 SVG 内容由 JS 注入(比如通过 document.createElementNS("http://www.w3.org/2000/svg", "path") 拼接),或使用 WebFont(@font-face 引入的 SVG 字体),静态解析 HTML 就会失效:
- 字体 SVG:需下载
.svg字体文件,解析其中<glyph unicode="" d="..."></glyph>,再对照页面中<span></span>的 Unicode 字符(如\ue001)查表 - JS 动态生成:优先看 network 面板是否有独立 SVG 接口(如
/svg/icons.svg),直接请求该 URL;否则必须用 Selenium / Playwright 渲染后提取 - 坐标偏移型(
transform="translate(10, -5)"):极少见,通常用于干扰,实际仍依赖 symbol ID 或 class,别被 transform 分散注意力
真正麻烦的是映射逻辑藏在 JS 里且每次请求都变——这时得逆向 JS 中的解密函数,而不是死磕 SVG 结构。
Python免费学习笔记(深入):立即使用
在学习笔记中,你将探索 Python 的核心概念和高级技巧!











