使用API和Selenium进行动态网页抓取：以Naver漫画为例

霞舞

发布时间：2025-08-17 16:36:01

572人浏览过

来源于php中文网

原创

使用api和selenium进行动态网页抓取：以naver漫画为例

本文旨在解决使用BeautifulSoup抓取Naver漫画信息时遇到的IndexError: list index out of range问题。由于目标网页内容通过JavaScript动态生成，传统的静态抓取方法失效。本文将介绍如何通过分析API接口获取数据，以及如何使用Selenium模拟浏览器行为进行动态内容抓取，并提供相应的Python代码示例。

在使用BeautifulSoup进行网页抓取时，如果遇到IndexError: list index out of range错误，通常意味着你尝试访问的列表索引超出了范围。这可能是因为你所寻找的元素在网页上不存在，或者你的选择器不正确。但更常见的情况是，网页内容是动态加载的，这意味着在初始HTML加载完成后，内容才通过JavaScript添加到页面上。BeautifulSoup只能解析初始HTML，因此无法找到动态生成的内容。

对于Naver漫画这类动态加载内容的网站，主要有两种解决方案：

1. 使用API接口

许多现代网站都使用API（Application Programming Interface）来提供数据。通过分析网站的网络请求，我们可以找到API接口，直接从API获取数据，而无需解析HTML。

步骤：

打开浏览器的开发者工具： 在Chrome或Firefox中，按下F12键打开开发者工具。
切换到“Network”选项卡： 确保选中“Fetch/XHR”或“All”筛选器，以便查看所有的网络请求。
刷新网页： 重新加载你要抓取的网页。
查找API请求： 在Network选项卡中，查找以.json结尾的请求，或者包含类似api、data等关键词的请求。
分析API响应： 查看API响应的内容，通常是JSON格式的数据。

示例代码：

对于Naver漫画，通过分析可以找到以下API接口：

import requests

url = 'https://comic.naver.com/api/article/list?titleId=811721&page=1'

try:
    response = requests.get(url)
    response.raise_for_status()  # 检查请求是否成功

    data = response.json()

    for article in data['articleList']:
        print(article.get('subtitle'))

except requests.exceptions.RequestException as e:
    print(f"Error during request: {e}")
except (KeyError, TypeError) as e:
    print(f"Error parsing JSON: {e}")

代码解释：

requests.get(url): 发送GET请求到指定的API接口。
response.raise_for_status(): 检查HTTP响应状态码，如果不是200，则抛出异常。
response.json(): 将响应内容解析为JSON格式。
data['articleList']: 访问JSON数据中的articleList字段，该字段包含漫画列表。
article.get('subtitle'): 从每个漫画条目中获取subtitle（漫画标题）。
try...except: 增加异常处理，应对网络请求失败或者JSON解析错误。

注意事项：

SlidesAI

使用SlidesAI的AI在几秒钟内创建演示文稿幻灯片

下载

API接口可能会发生变化，因此需要定期检查代码是否仍然有效。
某些API接口可能需要身份验证才能访问。
频繁请求API可能会导致IP被封禁，因此需要合理设置请求频率。

2. 使用Selenium

Selenium是一个自动化测试工具，可以模拟浏览器行为，包括加载JavaScript和渲染动态内容。

步骤：

安装Selenium： pip install selenium
下载WebDriver： Selenium需要一个WebDriver来控制浏览器。你需要下载与你的浏览器版本匹配的WebDriver，并将其添加到系统PATH中。常用的WebDriver包括ChromeDriver（用于Chrome浏览器）和GeckoDriver（用于Firefox浏览器）。
编写代码： 使用Selenium打开网页，等待JavaScript加载完成，然后提取所需数据。

示例代码：

from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 设置ChromeOptions
chrome_options = webdriver.ChromeOptions()
chrome_options.add_argument("--headless")  # 无头模式，不在前台显示浏览器
chrome_options.add_argument("--disable-gpu")  # 禁用GPU加速，避免某些环境下的问题

# 设置WebDriver路径
webdriver_path = '/path/to/chromedriver'  # 替换为你的chromedriver路径
service = Service(executable_path=webdriver_path)

# 初始化WebDriver
driver = webdriver.Chrome(service=service, options=chrome_options)

url = "https://comic.naver.com/webtoon/list?titleId=811721&tab=wed"

try:
    driver.get(url)

    # 等待元素加载完成 (例如，等待EpisodeListList__title_area--fTivg类的元素出现)
    wait = WebDriverWait(driver, 10)
    wait.until(EC.presence_of_element_located((By.CLASS_NAME, "EpisodeListList__title_area--fTivg")))

    # 找到所有匹配的元素
    cartoons = driver.find_elements(By.CLASS_NAME, "EpisodeListList__title_area--fTivg")

    for cartoon in cartoons:
        title = cartoon.find_element(By.CLASS_NAME, "EpisodeListList__title--lfIzU").text
        print(title)

except Exception as e:
    print(f"An error occurred: {e}")

finally:
    driver.quit()  # 关闭浏览器

代码解释：

webdriver.Chrome(): 创建一个Chrome浏览器实例。
driver.get(url): 打开指定的网页。
WebDriverWait(driver, 10).until(...): 等待最多10秒，直到满足指定的条件。
EC.presence_of_element_located((By.CLASS_NAME, "EpisodeListList__title_area--fTivg")): 等待具有指定class name的元素出现。
driver.find_elements(By.CLASS_NAME, "EpisodeListList__title_area--fTivg"): 找到所有class name为"EpisodeListList__title_area--fTivg"的元素。
cartoon.find_element(By.CLASS_NAME, "EpisodeListList__title--lfIzU").text: 在每个cartoon元素下，找到class name为"EpisodeListList__title--lfIzU"的元素，并提取其文本内容。
driver.quit(): 关闭浏览器。
chrome_options.add_argument("--headless"): 在无头模式下运行，即不显示浏览器界面。
添加了异常处理，应对各种可能发生的错误，并确保浏览器最终被关闭。

注意事项：