SVG图标加密常见于招聘平台（如前程无忧、智联招聘）和房产中介网站（如链家、贝壳），用于保护电话号码、薪资数字等敏感信息；其本质是用<path>或<use>图形替代文字，通过<symbol>映射、CSS class绑定或JS动态生成实现防文本提取。
SVG图标加密常见于哪些网站场景
这类加密多见于招聘平台（如前程无忧、智联招聘）、房产中介（如链家、贝壳）的电话号码、薪资数字展示。它们不直接写文本，而是把数字拆成 <path> 或 <use>，用 transform 或 d 属性偏移坐标，再通过 CSS 字体或 SVG <defs> 中的 <symbol> 映射到真实字符。本质是“用图形代替文字”，绕过简单文本提取。
如何定位 SVG 图标与数字的映射关系
关键不是解析 SVG 渲染结果，而是逆向找出每个 <path> 或 <use> 对应哪个数字。常见路径有三类：
- 查看页面源码中
<svg>标签是否内嵌<defs><symbol id="num-0">...</symbol></defs>，id值往往直接对应数字（如num-5→5） - 检查
<use xlink:href="#num-3">这类引用，提取#num-3中的后缀数字 - 若使用动态 class（如
class="icon-num-7"），需结合 CSS 文件或 JS 初始化逻辑，确认 class 名与数字的绑定逻辑
注意：有些站点会把 id 或 href 值做 base64 或简单异或混淆，此时需在浏览器控制台执行 JS 解密片段验证，不要硬猜。
用 Python 提取并还原数字的实操步骤
核心是解析 HTML + SVG 结构，建立“图标标识 → 数字”的映射表，再对目标 <use> 或 <path> 批量替换。推荐用 lxml（比 BeautifulSoup 更稳，支持 XPath 定位 SVG 元素）：
立即学习“Python免费学习笔记（深入）”；
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"
⚠️ 注意：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="..." />，再对照页面中<span>的 Unicode 字符（如\ue001）查表 - JS 动态生成：优先看 network 面板是否有独立 SVG 接口（如
/svg/icons.svg），直接请求该 URL；否则必须用 Selenium / Playwright 渲染后提取 - 坐标偏移型（
transform="translate(10, -5)"）：极少见，通常用于干扰，实际仍依赖 symbol ID 或 class，别被 transform 分散注意力
真正麻烦的是映射逻辑藏在 JS 里且每次请求都变——这时得逆向 JS 中的解密函数，而不是死磕 SVG 结构。
