讲师中心 微信公众号
AI工具推荐 视频效率加速

如何通过浏览器开发者工具与Python自动化提取网页图表背后的原始数据

胖涛君_2464

胖涛君_2464

发布时间:2026-08-22 13:50:24

|

1022人浏览过

|

来源于php中文网

原创

如何通过浏览器开发者工具与Python自动化提取网页图表背后的原始数据

本文详解如何利用浏览器开发者工具定位动态图表的数据接口,并用python精准抓取json或csv格式的原始数据,重点解决参数动态生成、请求构造及反爬绕过等实战问题。

本文详解如何利用浏览器开发者工具定位动态图表的数据接口,并用python精准抓取json或csv格式的原始数据,重点解决参数动态生成、请求构造及反爬绕过等实战问题。

在Web数据采集实践中,许多农业、气象或模拟类网站(如SASRI的MyCanesim Lite)通过JavaScript渲染图表,但真实数据往往由后端PHP脚本以API形式提供。这类接口通常不直接暴露在URL中,而是通过前端隐藏字段(<input type="hidden">)动态传递关键参数。若盲目提交空或错误参数(如原代码中的 "method":"POST"),服务器将返回PHP警告(如 Undefined index: field)并返回空数组,导致数据获取失败。

✅ 正确流程:三步定位与提取

  1. 使用浏览器开发者工具(DevTools)定位数据源
    打开目标页面 → 切换到 Network 标签 → 触发图表加载(如点击“Run”或等待自动渲染)→ 在请求列表中筛选 XHRFetch 类型 → 找到调用 mcl_crop_status_data.php 的请求 → 点击该请求 → 查看 Headers 下的 Request Payload(或 Form Data)。你会发现关键参数 field 的值(如 E42BA003699D9570E053B70110AC1F1D),它正是后端验证和数据查询的唯一标识。

  2. 动态提取 field 值(避免硬编码)
    该值每次会话可能不同(页面刷新后变更),因此不能写死。查看页面HTML源码,可发现其存在于一个隐藏输入框中:

    <input type="hidden" value="E42BA003699D9570E053B70110AC1F1D" id="field_hidden"/>

    使用 BeautifulSoup 自动解析该值,确保脚本长期可用:

    python全能编程助手
    python全能编程助手

    SkillSub Pro - Python 题解与代码注释双功能技能功能概述SkillSub Pro - Python 题解与代码注释双功能技能是一项面向实际任务的技能,主要用于SkillSub Pro 是一个 Python 题解生成与代码注释的 双功能合体技能 ,专为学生、算法学习者和开发者设计;✅ 一个技能,两种用途 :;核心要点📝 题解模式 :输入题目/题号,自动生成完整 Python 题解(含详细注释、解题思路、复杂度分析);💬 注释模式 :输入 Python 代码,自动添加详细中。它将相关步骤、

    下载
  3. 发起精准请求并解析结果
    mcl_crop_status_data.php 发送 POST 请求,仅需 field 参数;无需复杂 headers、cookies 或 Referer(实测可省略)。响应为标准 JSON 数组,可直接解析;同时,系统还提供同名 CSV 文件(路径含 field 值),便于用 pandas 直接读取。

✅ 完整可运行代码示例

import requests
from bs4 import BeautifulSoup
import pandas as pd

# Step 1: 获取主页面,提取动态 field 值
main_url = "https://sasri.sasa.org.za/agronomy/mycanesimlite/mcl_single_run_get_input.php?start_date=2021-06-15&harvest_date=2022-06-15&ratoon=R&residue=0&tam=150&irrigation=Rainfed&weather_station=14&forecast=Normal"
response = requests.get(main_url)
response.raise_for_status()

soup = BeautifulSoup(response.text, "html.parser")
field_input = soup.find("input", {"id": "field_hidden"})
if not field_input or not field_input.get("value"):
    raise ValueError("无法在页面中找到 field_hidden 输入框或其 value 属性")

field_value = field_input["value"]
print(f"✅ 动态提取 field 值: {field_value}")

# Step 2: 请求 JSON 数据
api_url = "https://sasri.sasa.org.za/agronomy/mycanesimlite/mcl_crop_status_data.php"
json_response = requests.post(api_url, data={"field": field_value})
json_response.raise_for_status()
data_json = json_response.json()
print(f"? 获取 JSON 数据条数: {len(data_json)}")

# Step 3: 请求 CSV 数据(可选,结构化分析更便捷)
csv_url = f"https://sasri.sasa.org.za/agronomy/mycanesimlite/Daily_data{field_value}.csv"
df = pd.read_csv(csv_url)
print(f"? CSV 数据形状: {df.shape}")
print(df.head())

⚠️ 注意事项与最佳实践

  • 不要硬编码 field:该值由服务端生成,随会话/时间变化,硬编码会导致脚本失效;
  • 跳过冗余请求头:实测表明,此接口对 User-AgentRefererCookie 等均无强校验,精简 headers 可提升稳定性与可读性;
  • 异常处理必加:务必使用 response.raise_for_status() 捕获 HTTP 错误(如 404、500),并校验 HTML 解析结果,避免静默失败;
  • 尊重网站规则:检查 robots.txt 及网站 Terms of Service,合理控制请求频率,建议添加 time.sleep(1) 避免高频访问。

掌握这一模式后,你可复用于绝大多数基于隐藏字段驱动的动态图表数据采集场景——核心逻辑始终是:DevTools 定位 → HTML 提取 → API 请求 → 结构化解析

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

相关专题

更多
python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

1551

2023.07.20

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

3664

2023.07.25

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

1569

2023.07.31

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

20917

2023.08.03

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2587

2023.08.04

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2647

2023.08.04

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

1063

2023.08.11

python合并两个列表
python合并两个列表

Python是一种强大的编程语言,具有许多方便的功能和工具。在Python中,有多种方法可以合并两个列表。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

576

2023.08.10

Conan私有仓库搭建教程
Conan私有仓库搭建教程

本专题系统的讲解Conan私有仓库的搭建流程,涵盖仓库服务部署、存储目录配置、用户认证、权限划分和远程地址添加,并介绍内部C++依赖包的上传、下载及版本维护方法。

0

2026.09.22

热门下载

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

精品课程

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn