从动态网页中提取JavaScript生成的内容-js教程-PHP中文网

从动态网页中提取JavaScript生成的内容

霞舞

发布： 2025-10-26 10:18:13

原创

862人浏览过

从动态网页中提取javascript生成的内容

本文旨在提供一种从动态网页中提取由JavaScript生成的内容的方法。通过分析网页的初始加载代码，寻找嵌入其中的JSON数据，我们可以有效地抓取目标信息，即使网页不使用额外的XHR请求。本文将详细介绍如何定位和提取这些数据，并提供相应的示例。

很多现代网站使用JavaScript动态生成内容，这给网络爬虫带来了挑战。传统的XPath方法可能无法直接抓取这些内容，因为它们在页面加载后才被创建。本文将介绍一种针对这种情况的解决方案：分析初始HTML和JavaScript代码，从中提取所需数据。

1. 分析网页源代码

首先，你需要获取网页的源代码。可以使用各种工具，如浏览器的开发者工具（F12）或编程语言中的HTTP客户端库（如Python的requests库）。

立即学习“Java免费学习笔记（深入）”；

例如，在Python中：

import requests

url = "https://www.wowhead.com/today-in-wow"
response = requests.get(url)
html_content = response.text

登录后复制

2. 寻找嵌入的数据

由于目标数据是由JavaScript生成的，很可能它以某种形式嵌入在初始HTML或JavaScript代码中。常见的形式包括：

JSON数据： 数据可能以JSON字符串的形式存在于<script>标签内。</script>
JavaScript变量： 数据可能被赋值给一个JavaScript变量。

关键在于找到包含目标数据的代码块。通常可以通过以下方法：

逍遥内容管理系统(Carefree CMS)1.3.0

系统简介逍遥内容管理系统（CarefreeCMS）是一款功能强大、易于使用的内容管理平台，采用前后端分离架构，支持静态页面生成，适用于个人博客、企业网站、新闻媒体等各类内容发布场景。核心特性1、模板套装系统 - 支持多套模板自由切换，快速定制网站风格2、静态页面生成 - 一键生成纯静态HTML页面，访问速度快，SEO友好3、文章管理 - 支持富文本编辑、草稿保存、文章属性标记、自动提取SEO4、全

查看详情

关键词搜索： 在源代码中搜索目标数据的特征字符串，例如，如果知道某个事件的名称或URL，可以搜索包含这些信息的字符串。
观察JavaScript代码： 分析<script>标签内的JavaScript代码，查找数据处理和渲染逻辑。</script>

3. 提取数据

一旦找到包含数据的代码块，就可以使用字符串处理或正则表达式来提取所需数据。

例如，如果数据是JSON格式的字符串，可以使用JSON解析库将其转换为Python对象：

import json
import re

# 假设 html_content 包含了网页的源代码

# 搜索JSON数据 (示例，根据实际情况调整正则表达式)
match = re.search(r'{.*?"url": "/event=.*?},?', html_content)

if match:
    json_string = match.group(0)
    # 清理json_string
    json_string = json_string.replace('
', '').replace('
', '').replace('\','')
    try:
        data = json.loads(json_string)
        print(data)
    except json.JSONDecodeError as e:
        print(f"JSON Decode Error: {e}")
        print(f"Invalid JSON String: {json_string}")
else:
    print("未找到匹配的JSON数据")

登录后复制

4. 处理提取的数据

提取数据后，可以根据需要进行进一步的处理和分析。例如，可以将数据存储到数据库中，或用于生成报告。

注意事项