0

0

Jsoup 无法获取 span 元素文本值的常见原因与正确解决方案

心靈之曲

心靈之曲

发布时间:2026-01-28 21:53:12

|

176人浏览过

|

来源于php中文网

原创

Jsoup 无法获取 span 元素文本值的常见原因与正确解决方案

jsoup 解析 html 时无法提取 `4,300` 中的数值,通常是因为目标内容由 javascript 动态渲染,而 jsoup 仅解析静态 html,不执行 js;此外,`getelementsbyclass()` 返回的是 `elements` 集合,需显式访问元素并调用 `.text()` 才能获取文本内容。

Jsoup 是一个强大的 Java HTML 解析库,但它不具备浏览器渲染能力——它不会执行页面中的 JavaScript,也不会等待异步加载完成。在你访问的 https://www.php.cn/link/325f53e3727938dc321cafd8b8ce8dcb 页面中, 最初渲染的是一个加载指示器(如 ),真实数据(例如 4,300)是通过 AJAX 请求后由前端 JS 注入 DOM 的。因此,Jsoup 直接抓取的 HTML 源码中根本不存在该数字文本,只存在占位结构。

你的第一版代码:

Elements engagement = doc.getElementsByClass("js-summary-whole-engagement");
System.out.println(engagement); // 输出含  标签的空 span

输出 ,正印证了这一点:Jsoup 获取的是初始静态 HTML,而非 JS 渲染后的最终状态。

第二版代码:

System.out.println(engagement.text()); // 输出空字符串

结果为空,是因为 engagement.text() 对集合内所有匹配元素的文本拼接,而该 内部只有图标标签(无文本节点),且 text() 方法忽略 HTML 标签,只提取纯文本内容——此时确实没有可提取的文本。

PictoGraphic
PictoGraphic

AI驱动的矢量插图库和插图生成平台

下载

⚠️ 注意:答案中建议的 engagement[0].text() 在 Java 中语法错误(Elements 是类,不是数组,不支持 [] 下标访问)。正确写法应为:

if (!engagement.isEmpty()) {
    String value = engagement.get(0).text().trim();
    System.out.println("Engagement: " + value); // 仍可能为空,因内容未加载
}

✅ 正确解决方案分两类:

1. 若目标网站提供 API(推荐)
分析网络请求(F12 → Network → XHR/Fetch),发现 analisa.io 实际通过类似以下接口返回结构化数据:
GET https://analisa.io/api/v2/profile/officialrickastley/summary
响应为 JSON,含 "whole_engagement": 4300。此时应改用 HttpClient 或 OkHttp 调用 API,而非解析 HTML:

// 示例:使用 OkHttp(需添加依赖)
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder()
    .url("https://analisa.io/api/v2/profile/officialrickastley/summary")
    .header("User-Agent", "Mozilla/5.0...")
    .build();
try (Response response = client.newCall(request).execute()) {
    JSONObject json = new JSONObject(response.body().string());
    int engagement = json.getInt("whole_engagement");
    System.out.println("API-based engagement: " + engagement); // ✅ 稳定、高效
}

2. 若必须解析前端渲染后页面(不推荐,但可行)
需借助支持 JS 执行的工具,如 Selenium + ChromeDriver 或 HtmlUnit(轻量级 JS 支持):

// HtmlUnit 示例(自动执行 JS)
WebClient webClient = new WebClient(BrowserVersion.CHROME);
webClient.getOptions().setJavaScriptEnabled(true);
webClient.getOptions().setCssEnabled(false);
webClient.getOptions().setThrowExceptionOnScriptError(false);

HtmlPage page = webClient.getPage("https://www.php.cn/link/325f53e3727938dc321cafd8b8ce8dcb");
HtmlSpan span = page.getFirstByXPath("//span[@class='js-summary-whole-engagement']");
if (span != null) {
    String text = span.asText().trim();
    System.out.println("Rendered engagement: " + text); // 可能输出 "4,300"
}

? 总结:

  • Jsoup ≠ 浏览器,无法处理 JS 渲染内容;
  • Elements 是集合,须用 .get(0) 或 .first() 获取单个 Element;
  • 优先查 API 接口,比逆向渲染逻辑更可靠、性能更高;
  • 若强依赖 HTML 解析,请切换至支持 JS 的爬虫方案,并注意反爬策略(如登录态、频率限制、验证码)。

日常自动化采集中,结合 API + 定时任务(如 Spring Scheduler 或 Quartz),才能真正实现“每日更新”的稳定需求。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
spring框架介绍
spring框架介绍

本专题整合了spring框架相关内容,想了解更多详细内容,请阅读专题下面的文章。

114

2025.08.06

Java Spring Security 与认证授权
Java Spring Security 与认证授权

本专题系统讲解 Java Spring Security 框架在认证与授权中的应用,涵盖用户身份验证、权限控制、JWT与OAuth2实现、跨站请求伪造(CSRF)防护、会话管理与安全漏洞防范。通过实际项目案例,帮助学习者掌握如何 使用 Spring Security 实现高安全性认证与授权机制,提升 Web 应用的安全性与用户数据保护。

29

2026.01.26

json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

418

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

535

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

311

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

77

2025.09.10

ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

159

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

160

2023.08.31

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

158

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

CSS教程
CSS教程

共754课时 | 24.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号