news 2026/4/23 14:05:31

实战:用Splash搞定JavaScript密集型网页渲染

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
实战:用Splash搞定JavaScript密集型网页渲染

免费编程软件「python+pycharm」
链接:https://pan.quark.cn/s/48a86be2fdc0

一、为什么需要Splash?

传统爬虫遇到动态网页时总会抓狂。明明URL能打开,但爬下来的页面全是空白或乱码——这是因为现代网站大量使用JavaScript动态加载内容,像React、Vue这类前端框架更是让DOM结构在客户端"凭空生成"。

举个真实案例:某电商网站的商品列表页,用requests库获取的HTML只有200多行,但浏览器实际渲染后超过5000行。关键数据都藏在<script>标签的JSON里,或者通过AJAX异步加载。这时候普通爬虫就像拿到一张藏宝图却看不懂符号。

Splash就是解决这个痛点的瑞士军刀。这个由Scrapinghub开发的轻量级浏览器,能像真实用户一样执行JavaScript,返回渲染后的完整HTML。更棒的是它提供了HTTP API接口,可以无缝集成到Python爬虫中。

二、快速安装部署

方案1:Docker一键部署(推荐)

docker pull scrapinghub/splash docker run -d -p 8050:8050 scrapinghub/splash

三行命令就能在本地启动服务,访问http://localhost:8050 看到控制台界面。这种方式隔离性好,版本兼容问题少,特别适合开发测试。

方案2:手动安装(Linux环境)

# Ubuntu示例 sudo apt-get install qt5-default qttools5-dev-tools libqt5webkit5-dev \ python3-dev python3-pip xvfb pip3 install splash

需要安装Qt依赖库和X虚拟帧缓冲,适合生产环境部署。注意要配置xvfb-run避免图形界面弹窗。

三、核心API实战

基础渲染:render.html

import requests url = "https://example.com/dynamic-page" splash_url = "http://localhost:8050/render.html" params = { "url": url, "wait": 3, # 等待3秒确保JS执行完成 "timeout": 30, # 超时时间 "resource_timeout": 10, # 资源加载超时 } response = requests.get(splash_url, params=params) with open("rendered.html", "w", encoding="utf-8") as f: f.write(response.text)

这个最简单的接口能返回渲染后的HTML。关键参数wait控制等待时间,对SPA(单页应用)尤其重要,建议设置2-5秒。

截图功能:render.png

params = { "url": url, "wait": 2, "width": 1920, "height": 1080, "render_all": True # 滚动到页面底部截图 } response = requests.get("http://localhost:8050/render.png", params=params) with open("screenshot.png", "wb") as f: f.write(response.content)

做数据验证时特别有用,比如检查页面布局是否正确,广告位是否加载。render_all参数能处理长页面截图。

高级控制:Lua脚本

当需要精细控制渲染过程时,可以写Lua脚本:

lua_script = """ function main(splash, args) splash:go(args.url) splash:wait(2) local title = splash:evaljs("document.title") local scroll_position = splash:jsfunc("window.scrollY")() return { title = title, scroll = scroll_position, html = splash:html() } end """ params = {"url": url, "lua_source": lua_script} response = requests.post("http://localhost:8050/execute", json=params)

通过evaljs可以直接执行任意JS代码,获取动态计算的值。jsfunc能把JS函数转为Lua可调用的形式。

四、实战案例:爬取某新闻网站

需求分析

目标网站使用React构建,文章内容通过AJAX分页加载,评论区需要滚动触发无限加载。直接请求API接口有反爬机制,决定用Splash模拟浏览器行为。

完整代码

import requests from urllib.parse import urljoin BASE_URL = "https://news.example.com" SPLASH_URL = "http://localhost:8050/execute" def get_article_links(category_url): params = { "url": category_url, "wait": 2, "lua_source": """ function main(splash, args) splash:go(args.url) splash:wait(1.5) local links = {} for _, link in ipairs(splash:select_all("a.article-link")) do table.insert(links, link.node.attributes.href) end return links end """ } resp = requests.post(SPLASH_URL, json=params).json() return [urljoin(BASE_URL, url) for url in resp] def get_article_content(article_url): params = { "url": article_url, "wait": 3, "resource_timeout": 15, "lua_source": """ function main(splash, args) splash:go(args.url) splash:wait(2) -- 滚动加载评论 for i = 1, 5 do splash:runjs("window.scrollTo(0, document.body.scrollHeight)") splash:wait(1) end return { title = splash:evaljs("document.querySelector('h1').innerText"), content = splash:evaljs("document.querySelector('.article-content').innerHTML"), comments = splash:evaljs( "Array.from(document.querySelectorAll('.comment-text')).map(el => el.innerText)" ) } end """ } return requests.post(SPLASH_URL, json=params).json() # 使用示例 links = get_article_links(BASE_URL + "/category/tech") for link in links[:3]: # 只处理前3篇测试 data = get_article_content(link) print(f"标题: {data['title']}") print(f"评论数: {len(data['comments'])}")

关键点解析

  1. 滚动加载处理:通过循环执行scrollTowait模拟用户滚动行为
  2. 元素选择:使用CSS选择器精准定位元素,比正则表达式更可靠
  3. 数据提取:直接在Lua脚本里处理JS数组,减少Python端的数据清洗工作

五、性能优化技巧

1. 代理池配置

params = { "url": target_url, "proxy": "http://proxy-ip:port", # 配置代理 "wait": 2 }

对于大规模爬取,建议:

  • 使用住宅代理(如BrightData、Smartproxy)
  • 每请求更换IP
  • 配合User-Agent轮换

2. 缓存策略

from functools import lru_cache @lru_cache(maxsize=100) def get_splash_result(url): # 调用Splash的逻辑 pass

对相同URL的请求可以缓存渲染结果,但要注意:

  • 设置合理的过期时间(如10分钟)
  • 区分不同参数的URL
  • 缓存大小不宜过大

3. 异步处理

import asyncio import aiohttp async def fetch_with_splash(url): async with aiohttp.ClientSession() as session: params = {"url": url, "wait": 2} async with session.get("http://splash:8050/render.html", params=params) as resp: return await resp.text() # 并发处理多个URL urls = [...] results = await asyncio.gather(*[fetch_with_splash(u) for u in urls])

使用asyncio可以显著提升爬取速度,实测比同步方式快3-5倍。

六、常见问题Q&A

Q1:被网站封IP怎么办?
A:立即启用备用代理池,建议使用住宅代理(如站大爷IP代理),配合每请求更换IP策略。可以在Splash参数中添加proxy字段,或通过中间件统一处理。

Q2:Splash返回502错误?
A:通常是请求超时或资源过大。检查:

  • 增加timeoutresource_timeout参数
  • 降低wait时间避免长时间占用
  • 检查目标网站是否对Splash的User-Agent有特殊限制

Q3:如何处理登录状态?
A:两种方案:

  1. 在Lua脚本中使用splash:set_cookies()预先设置cookie
  2. 先访问登录页获取session,再携带cookie访问目标页
    -- 示例:携带cookie访问 function main(splash) splash:init_cookies() splash:set_cookie("sessionid", "abc123", "/", {domain="example.com"}) splash:go("https://example.com/dashboard") return splash:html() end

Q4:内存占用过高怎么解决?
A:调整Splash启动参数:

docker run -d -p 8050:8050 \ -e SPLASH_MEMORY_LIMIT=2048 \ # 限制内存 -e SPLASH_SLOTS=5 \ # 并发槽位数 scrapinghub/splash

或优化Lua脚本,避免长时间运行。

Q5:如何处理HTTPS证书错误?
A:在Lua脚本中添加:

splash:set_custom_headers({ ["Accept-Encoding"] = "gzip, deflate", ["User-Agent"] = "Mozilla/5.0..." }) splash:on_request(function(request) request.opts.verify_cert = false -- 跳过证书验证(不推荐生产环境使用) end)

更安全的方式是导入正确的CA证书。

七、总结

Splash为动态网页爬取提供了强大而灵活的解决方案。通过合理配置代理、优化等待时间、善用Lua脚本,可以应对90%以上的JavaScript渲染场景。实际项目中建议:

  1. 优先使用Docker部署,保持环境隔离
  2. 对关键页面使用显式等待而非固定等待
  3. 建立完善的错误处理和重试机制
  4. 定期监控Splash服务性能指标

随着前端技术的演进,像Splash这样的工具会越来越重要。掌握它不仅能解决当前问题,更能为未来更复杂的爬取需求打下基础。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/22 12:36:37

程序员职场生存图鉴,真防御性编程

1.需求无限确认狂魔想当初&#xff0c;因为没有问清楚&#xff0c;自己通宵实现的功能被推翻重做&#xff0c;产品经理说“我以为你懂我的意思”。2.预估时间要X33.考古注释不要删“代码可以下线&#xff0c;但历史必须存档。”注释是写给未来自己和接盘侠的《灾难逃生指南》。…

作者头像 李华
网站建设 2026/4/23 11:11:44

开源医疗相关数据集

英文开源数据集&#xff08;类似MTSamples的医疗转录/对话/摘要&#xff09;这些数据集多为英文&#xff0c;适合abstractive summarization或医疗对话任务&#xff1a;Medical Speech, Transcription, and Intent&#xff08;Kaggle/Hugging Face: Hani89/medical_asr_recordi…

作者头像 李华
网站建设 2026/4/23 11:29:24

做运维工程师辛苦吗?

确实辛苦。体现在 24 小时待命、重复劳动多、故障处理压力大等方面&#xff0c;但卓豪的 ADManager Plus&#xff08;ADMP&#xff09;和 ADSelfService Plus&#xff08;ADSSP&#xff09;能从自动化管理、自助服务等维度大幅减轻运维工程师的工作负担&#xff0c;降低这份工作…

作者头像 李华
网站建设 2026/4/23 11:35:35

适用于 iPhone 和 iPad 的最佳文件管理器

如果您觉得在 iPhone 或 iPad 上管理文件很复杂&#xff0c;那是因为您没有使用最适合 iPhone 和 iPad 的文件管理器。与传统的 PC 或 Mac 不同&#xff0c;iOS/iPadOS 采用沙盒架构&#xff0c;这意味着应用程序通常会将数据隔离。然而&#xff0c;高效的文件管理对于提高工作…

作者头像 李华
网站建设 2026/4/23 2:29:26

大数据领域 Cassandra 的表设计原则

Cassandra表设计的第一性原理:从分布式本质到生产级实践 元数据框架 标题:Cassandra表设计的第一性原理:从分布式本质到生产级实践 关键词:Cassandra、分布式数据库、表设计、主键优化、数据建模、一致性哈希、时间序列 摘要:Cassandra作为高可用、高吞吐、线性扩展的分布…

作者头像 李华
网站建设 2026/4/23 11:27:20

运维系列数据库系列【仅供参考】:达梦逻辑导入使用总结

达梦逻辑导入使用总结 达梦逻辑导入使用总结 达梦逻辑导入使用总结 实例1 1>字符集&#xff1a;GB18030 2>是否以字节为单位&#xff1a;否 实例2 1>字符集&#xff1a;uft8 2>是否以字节为单位&#xff1a;否 实例3 1>字符集&#xff1a;uft8 2>是否以字…

作者头像 李华