Python爬取动态加载内容的隐藏电话号码:API请求方法详解

Python爬取动态加载内容的隐藏电话号码:API请求方法详解

本教程旨在解决使用beautifulsoup无法直接爬取动态加载内容中隐藏电话号码的问题。当目标网站通过javascript异步请求(如graphql api)动态更新dom时,传统的html解析器将失效。文章详细介绍了如何利用浏览器开发者工具分析网络请求,识别数据源api,并使用python的`requests`库模拟这些api请求,从而高效准确地获取所需数据。

在现代网页中,许多内容并非直接嵌入在初始HTML文档中,而是通过JavaScript在用户交互(例如点击按钮)后异步加载。对于这类动态内容,仅依赖于BeautifulSoup这样的静态HTML解析库是不足以获取到完整信息的。本文将以从弹出按钮中抓取隐藏电话号码为例,详细讲解如何通过模拟API请求来解决这一挑战。

1. 理解动态内容加载的挑战

当你尝试使用requests库获取网页内容并用BeautifulSoup解析时,如果目标数据(如电话号码)只有在点击某个按钮后才显示,那么你获取到的HTML将不包含这些数据。这是因为BeautifulSoup只能处理服务器返回的原始HTML。而按钮点击后触发的数据加载通常是通过浏览器执行JavaScript代码,向后端API发送请求,然后将返回的数据动态插入到网页DOM中。

在我们的例子中,点击“التواصل”按钮后弹出的电话号码,就是通过JavaScript向一个GraphQL API发送POST请求获取的。

2. 利用浏览器开发者工具分析网络请求

要获取动态加载的数据,我们首先需要找出是哪个API提供了这些数据。浏览器开发者工具(通常按F12键打开)的“网络”(Network)选项卡是关键。

立即学习“Python免费学习笔记(深入)”;

打开目标网页: 访问你想要爬取的页面,例如 https://haraj.com.sa/1194697687。打开开发者工具: 在浏览器中按F12,切换到“网络”(Network)选项卡。筛选XHR/Fetch请求: 在网络面板中,通常会有筛选器,选择“XHR”或“Fetch/XHR”,这样可以只显示JavaScript发起的异步请求。触发数据加载: 点击网页上的“التواصل”按钮。识别API请求: 在网络面板中观察新出现的请求。通常,你会看到一个POST请求,其URL可能包含“graphql”或“api”等字样。点击该请求,查看其详细信息:URL: 请求的目标地址(例如 https://graphql.haraj.com.sa)。请求方法: 通常是POST。请求头(Request Headers): 包含User-Agent等信息。请求载荷(Request Payload): 这是最重要的部分,它包含了发送给API的数据,通常是JSON格式。对于GraphQL,你会看到query和variables等字段。响应(Response): API返回的数据,通常也是JSON格式,其中包含我们所需的电话号码。

通过分析,我们可以发现当点击按钮时,浏览器向 https://graphql.haraj.com.sa 发送了一个POST请求,请求载荷中包含一个GraphQL查询,以及一个postId变量。

3. 提取关键参数:postId

在分析请求载荷时,我们注意到一个名为postId的变量是动态的。这个postId通常可以从原始网页的URL中提取。例如,如果页面URL是 https://haraj.com.sa/1194697687,那么postId可能就是URL末尾的数字部分,但可能需要去除某些前缀。

根据观察,URL中的1194697687对应的postId是94697687,这意味着需要去除前两位数字11。

以下是一个提取postId的示例函数:

import redef extract_post_id_from_url(url):    """    从Haraj网站的URL中提取postId。    示例: "https://haraj.com.sa/1194697687" -> 94697687    """    match = re.search(r'/(d+)$', url)    if match:        full_id_str = match.group(1)        # 根据观察,postId是URL末尾数字去除前两位"11"后的部分        if full_id_str.startswith('11') and len(full_id_str) > 2:            return int(full_id_str[2:])        return int(full_id_str) # 如果没有"11"前缀,则直接返回    return None# 示例用法target_url = "https://haraj.com.sa/1194697687"post_id = extract_post_id_from_url(target_url)if post_id:    print(f"提取到的 Post ID: {post_id}")else:    print("无法从URL中提取 Post ID。")

4. 模拟API请求获取数据

一旦我们识别了API请求的URL、方法、头部和载荷,就可以使用Python的requests库来模拟这个请求。

import requestsimport redef extract_post_id_from_url(url):    """    从Haraj网站的URL中提取postId。    示例: "https://haraj.com.sa/1194697687" -> 94697687    """    match = re.search(r'/(d+)$', url)    if match:        full_id_str = match.group(1)        # 根据观察,postId是URL末尾数字去除前两位"11"后的部分        if full_id_str.startswith('11') and len(full_id_str) > 2:            return int(full_id_str[2:])        return int(full_id_str) # 如果没有"11"前缀,则直接返回    return Nonedef get_hidden_phone_number(page_url):    """    通过模拟API请求获取隐藏的电话号码。    """    # 1. 从页面URL中提取 postId    post_id = extract_post_id_from_url(page_url)    if post_id is None:        print(f"错误: 无法从URL '{page_url}' 中提取有效的 postId。")        return None    # 2. 定义API请求参数    api_url = "https://graphql.haraj.com.sa"    # 根据浏览器网络分析,这些参数可能为空或特定值    params = {        "queryName": "postContact",        "token": "",        "clientId": "",        "version": ""    }    headers = {        "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36",        "accept": "*/*",        "accept-language": "en-US,en;q=0.9",        "content-type": "application/json",        "origin": "https://haraj.com.sa",        "referer": page_url # 设置referer以模拟真实浏览器行为    }    # GraphQL请求的Payload    payload = {           "query": "query postContact($postId: Int!) {postContact(postId: $postId){contactText}}",        "variables": {            "postId": post_id # 使用动态获取的postId        }    }    try:        # 3. 发送POST请求        response = requests.post(api_url, params=params, headers=headers, json=payload)        response.raise_for_status() # 检查HTTP请求是否成功        # 4. 解析JSON响应        data = response.json()        # 提取电话号码        contact_text = data.get('data', {}).get('postContact', {}).get('contactText')        return contact_text    except requests.exceptions.RequestException as e:        print(f"请求失败: {e}")        return None    except KeyError as e:        print(f"解析响应数据失败: 缺少键 {e}")        return None# 主函数调用示例if __name__ == "__main__":    target_page_url = "https://haraj.com.sa/1194697687" # 替换为实际的页面URL    phone_number = get_hidden_phone_number(target_page_url)    if phone_number:        print(f"成功获取到电话号码: {phone_number}")    else:        print("未能获取电话号码。")    # 另一个示例URL    another_page_url = "https://haraj.com.sa/1199808969"    phone_number_2 = get_hidden_phone_number(another_page_url)    if phone_number_2:        print(f"成功获取到另一个电话号码: {phone_number_2}")    else:        print("未能获取另一个电话号码。")

代码解释:

extract_post_id_from_url(url): 这个函数负责从给定的Haraj网站URL中解析出postId。它使用正则表达式匹配URL末尾的数字,并根据观察到的模式(去除前缀11)进行处理。get_hidden_phone_number(page_url):首先调用extract_post_id_from_url获取当前页面的postId。api_url:这是通过开发者工具识别出的GraphQL API的端点。params:查询字符串参数,即使为空也应包含,以模拟浏览器行为。headers:模拟浏览器请求头,特别是User-Agent、Content-Type、Origin和Referer,这有助于避免被网站识别为爬虫。payload:这是一个字典,会被requests.post自动转换为JSON格式发送。它包含了GraphQL查询语句和动态的postId变量。requests.post(…):发送POST请求。json=payload参数会自动设置Content-Type为application/json并序列化payload。response.raise_for_status():这是一个好习惯,如果HTTP请求返回的状态码表示错误(例如4xx或5xx),它会抛出一个HTTPError。response.json():将API返回的JSON响应解析为Python字典。通过字典的get方法安全地访问嵌套数据,提取contactText,即电话号码。增加了错误处理机制,捕获requests请求异常和JSON解析异常。

5. 注意事项与总结

动态参数: 许多API请求中可能包含动态生成的令牌(token)、客户端ID(clientId)或会话ID。如果这些参数是必需的,你可能需要先爬取主页面,通过JavaScript代码或隐藏字段来提取它们。本例中的token、clientId和version在当前场景下似乎不是必需的,但实际情况可能不同。User-Agent: 始终设置一个合理的User-Agent头部,以模拟真实浏览器,降低被网站封禁的风险。错误处理: 编写健壮的代码,处理网络请求失败、JSON解析失败或预期数据结构缺失等情况。频率限制与道德: 遵守网站的robots.txt协议,不要发送过高的请求频率,避免对目标网站造成不必要的负担。GraphQL的优势: GraphQL允许客户端精确地指定所需的数据,这在某些情况下比REST API更高效,但也意味着你需要理解其查询语法。

通过上述方法,我们成功绕过了BeautifulSoup在处理动态加载内容时的局限性,直接与网站的后端API交互,高效准确地获取了隐藏的电话号码。这种模拟API请求的技术是爬取现代动态网站的关键技能之一。

以上就是Python爬取动态加载内容的隐藏电话号码:API请求方法详解的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1594427.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月23日 09:26:32
下一篇 2025年12月23日 09:26:43

相关推荐

  • 解决JavaScript与Firebase集成中的脚本加载问题

    本文旨在解决html文件中javascript与firebase集成时,因脚本加载不当导致的功能失效问题。核心内容是指导开发者正确引入firebase sdk的cdn链接,并确保firebase应用被正确初始化,从而实现数据发送等操作。文章将提供详细的示例代码和最佳实践,帮助开发者避免常见的脚本引用…

    2025年12月23日
    000
  • 实现手风琴(Accordion)组件单项展开功能教程

    本教程详细介绍了如何使用纯 javascript 和 css 实现一个手风琴(accordion)组件,并确保在任何时候都只有一项内容面板处于展开状态。通过事件委托机制,我们能够高效地管理多个手风琴项的展开与收起逻辑,避免了传统为每个元素单独绑定事件的性能开销,同时提供了清晰的代码示例和实现细节。 …

    2025年12月23日
    000
  • html页眉如何设置_HTML页眉(header)结构与样式设置方法

    页眉使用标签定义结构,结合CSS设置背景、文字样式及粘性定位,通过Flex布局实现Logo与导航并排,利用媒体查询适配移动端,提升网页语义化与用户体验。 HTML页眉(header)是网页中常见的结构部分,通常用于放置网站的标题、导航菜单、Logo或搜索框等内容。合理设置页眉结构与样式,有助于提升页…

    2025年12月23日
    000
  • 怎么用HTML插入内容折叠功能_HTML折叠面板实现方案

    使用HTML的details和summary标签可快速实现折叠功能,适合简单场景;对于需要自定义样式和动画的效果,推荐结合HTML、CSS与JavaScript,通过控制元素的显示状态或利用max-height过渡实现平滑展开收起效果。 要在网页中实现内容折叠功能,可以通过HTML结合CSS和Jav…

    2025年12月23日
    000
  • html5使用grid system构建复杂布局 html5使用网格系统的详细教程

    HTML5 本身并不直接提供“网格系统”,但结合 CSS3 的 Grid 布局模块(CSS Grid),你可以使用现代浏览器支持的强大功能来构建复杂、响应式的网页布局。下面是一篇关于如何在 HTML5 页面中使用 CSS Grid 构建复杂布局的详细教程。 什么是 CSS Grid? CSS Gri…

    2025年12月23日
    000
  • html文件如何压缩_HTML文件体积优化与Gzip压缩方法

    先精简HTML代码并启用Gzip压缩,可显著提升网页加载速度。通过删除空白字符、压缩内联资源、使用语义化标签和懒加载非关键资源减小文件体积;在Apache、Nginx或Node.js服务器上配置Gzip压缩,减少传输数据量;最后通过开发者工具或在线性能工具验证Content-Encoding: gz…

    2025年12月23日
    000
  • HTML网页在线转换器入口 免费HTML转换网页版工具

    HTML网页在线转换器入口是http://tool.p2hp.com/html/,该平台支持HTML与JavaScript、Elm等格式互转,具备代码拆解、数据模型生成功能,保留标签层级,界面简洁无广告,深色背景护眼,无需注册即可使用,支持实时预览、一键复制和语法高亮,便于开发调试。 HTML网页在…

    2025年12月23日
    000
  • 如何在HTML中集成字体图标的详细教程

    答案:通过CDN引入Font Awesome等字体图标库,使用如的类名调用图标,并用CSS自定义样式,实现高清晰度、可缩放的图标显示。 在HTML中集成字体图标是提升网页视觉表现力的常用方式。字体图标本质上是字体文件,但显示为图形符号,具有高清晰度、可缩放、易样式化等优点。以下是详细的集成方法。 选…

    2025年12月23日
    000
  • HTML5网页如何绘制图表 HTML5网页使用Canvas绘图的基础教程

    使用Canvas绘制图表需先创建画布,再通过JavaScript获取2D上下文,利用绘图方法绘制图形。1. 定义canvas标签设置宽高作为绘图容器;2. 用getElementById获取canvas元素,调用getContext(‘2d’)获得绘图上下文ctx;3. 使用…

    2025年12月23日
    000
  • 解决Bootstrap列垂直对齐无效问题:Flexbox与高度的深度解析

    本教程详细解析bootstrap列垂直对齐的常见问题及其解决方案。核心在于理解`align-items`等flexbox工具类需要其父容器(如`row`)具备明确的高度才能生效。文章将通过实例代码演示如何结合使用bootstrap的高度工具类(如`vh-100`和`h-100`)来实现精确的垂直对齐…

    2025年12月23日
    000
  • Outlook VBA:在HTML邮件正文中正确拼接变量字符串

    本文旨在解决在outlook vba中构建html格式邮件时,如何正确地将变量字符串拼接进html段落的问题。常见错误包括变量被html编码或导致内容换行。核心解决方案是理解html ` ` 标签的块级特性,确保变量内容被放置在 ` ` 标签的起始与结束之间,从而实现变量值与段落内容在同一行内平滑呈…

    2025年12月23日
    000
  • 如何导入html数据_HTML数据导入(表单/外部文件)方法

    一、通过HTML表单导入数据:创建含输入字段的表单,设置method=”POST”和action地址,使用input等元素定义字段,添加提交按钮,服务器端用PHP或Python解析并存储数据。 如果您需要将HTML数据导入到网页应用或数据库中,可能涉及从表单提交或外部文件读取…

    2025年12月23日
    000
  • 解决Flexbox容器内容溢出无法滚动的问题

    本文旨在解决Flexbox布局中,当容器设置`height: 100%`并包含过多内容时,导致内容溢出却无法滚动查看的常见问题。通过详细解释其根源,并提供`overflow: auto;`这一关键CSS属性的实际应用,确保Flexbox容器在保持垂直居中布局的同时,能够有效管理和滚动其溢出内容,提升…

    2025年12月23日 好文分享
    000
  • CSS怎么嵌入到HTML文件中_CSS嵌入到HTML文件中的快速方法

    一、内联样式将CSS写在HTML元素的style属性中,如;二、内部样式表在中用标签定义,如body { background-color: #f0f0f0; };三、外部样式表创建.css文件并通过引入,便于多页面共享。 如果您希望为HTML页面添加样式,但不确定如何将CSS正确地应用到HTML文…

    2025年12月23日
    000
  • 掌握CSS自定义属性与JavaScript:避免动态样式更新的常见陷阱

    本文深入探讨了如何利用css自定义属性与javascript进行动态样式管理,并重点剖析了在实践中可能遇到的两个关键问题:脚本执行时机不当导致的dom元素和计算样式获取失败,以及javascript直接设置内联样式对css变量动态更新的阻碍。文章提供了具体的解决方案和最佳实践,确保样式能够按预期响应…

    2025年12月23日
    000
  • HTML在线工具网页版入口 免费HTML工具网页运行平台

    答案是https://www.htmledit.squarefree.com/,这是一个免费的在线HTML编辑工具,支持即时编写与实时预览HTML、CSS和JavaScript代码,具备语法高亮、本地保存及链接分享功能,适用于初学者练习、开发者调试、教学演示和原型设计,无需安装软件或注册账号,打开浏…

    2025年12月23日
    000
  • 动态DOM操作与无障碍性:确保您的网站对所有人可用

    本文深入探讨了使用javascript/jquery进行dom操作对网站无障碍性的影响。核心观点是,动态生成的内容必须与静态html一样,严格遵循无障碍设计原则,包括语义化html、aria属性、焦点管理等。虽然现代前端框架广泛依赖dom操作,但开发者需对注入的代码保持高度警觉,确保在任何时刻都能提…

    2025年12月23日
    000
  • HTML5在线如何优化页面加载速度 HTML5在线性能提升的实用策略

    压缩合并CSS、JS和图片,减少资源体积与HTTP请求;2. 启用Gzip/Brotli压缩及WebP格式,提升传输效率;3. 使用懒加载与响应式图片优化图像加载;4. 设置缓存头、Service Worker和本地存储增强缓存;5. 减少DOM操作、使用CSS3动画和requestAnimatio…

    2025年12月23日
    000
  • html模板转换器_html模板转换网页版平台

    答案:https://www.htmleasyconvert.com是一个在线HTML模板转换平台,支持将静态HTML转为响应式网页,提供可视化编辑、多设备适配、一键导出代码包及批量处理功能,无需安装软件即可在线操作。 html模板转换器_html模板转换网页版平台在哪里?这是不少网友都关注的,接下…

    2025年12月23日
    000
  • html源码如何保存为静态网页_html源码保存为静态网页的方法

    首先将HTML源码保存为.html文件,可通过文本编辑器、浏览器开发者工具、另存为功能或命令行工具实现,确保文件正确命名并包含所有资源。 如果您获取了某个网页的HTML源码,并希望将其保存为可在本地或服务器上直接访问的静态网页文件,您需要正确地处理源码并以合适的格式进行保存。以下是实现这一目标的具体…

    2025年12月23日
    000

发表回复

登录后才能评论
关注微信