如何利用Python解析网页中动态生成的SVG格式图表数据？-Python教程-PHP中文网

无法直接用requests获取SVG数据，因其由JS动态渲染；应优先分析XHR请求或JS变量提取数据，其次用Playwright等待并抓取渲染后SVG，再通过data-*属性等可靠方式解析数值。

如何利用python解析网页中动态生成的svg格式图表数据？

直接读取网页源码拿不到SVG数据，因为它是JavaScript渲染的

浏览器里看到的SVG图表，往往由前端JS库（如D3.js、Chart.js）在页面加载后动态插入DOM。用requests.get()获取的原始HTML里通常只有空容器（比如

），没有标签或坐标数据。硬解析HTML源码会失败。

解决思路只有两个：要么模拟浏览器执行JS，要么逆向分析JS的数据加载逻辑。前者稳定但重；后者轻量但依赖站点结构是否暴露数据接口。

优先检查Network面板中XHR/Fetch请求——很多图表数据是通过AJAX单独拉取的JSON，比渲染逻辑简单得多
若数据藏在JS变量里（如window.__CHART_DATA__），可配合re.search(r'window\.__CHART_DATA__\s*=\s*(\{.*?\});', html)提取，但要注意转义和JSON格式合法性
避免盲目用Selenium：启动浏览器开销大，且容易被反爬触发验证码或IP封禁

用Playwright或Pyppeteer抓取渲染后的SVG内容更可靠

比起Selenium，Playwright对现代JS支持更好、启动更快，且能精准等待SVG节点出现。关键不是“等页面加载完”，而是等特定元素挂载完成。

示例代码片段：

macOS UI 自动化技能包 —— 用 Python 控制你的 Mac

让 macOS 自动化像说话一样简单 —— 用代码控制你的 Mac，无需学习 AppleScript 系统要求 macOS 14+ (Sonoma) Python 3.9+ 需要开启：辅助功能 + 屏幕录制权限

下载

from playwright.sync_api import sync_playwright
<p>with sync_playwright() as p:
browser = p.chromium.launch(headless=True)
page = browser.new_page()
page.goto('<a href="https://www.php.cn/link/13128f39fb3e7f95638f40923a83d453">https://www.php.cn/link/13128f39fb3e7f95638f40923a83d453</a>')</p><h1>等待SVG容器存在，再等其中至少一个<path>或<circle>渲染出来</circle></path>
</h1><pre class="brush:python;toolbar:false;">page.wait_for_selector('svg', timeout=10000)
page.wait_for_selector('svg path, svg circle', timeout=5000)
svg_html = page.inner_html('svg')
browser.close()

wait_for_selector必须指定具体选择器，不能只等svg——有些页面先占位再填充，svg标签存在但内部为空
如果SVG是用引用符号，需额外调用page.content()并确保base URL正确，否则xlink:href解析失败
某些站点使用Web Components（如），需先page.evaluate("document.querySelector('custom-chart').render()")手动触发渲染