🥳加入Scrapeless 社区申请免费试用以访问我们强大的网页抓取工具包!
返回博客

如何使用 Cheerio 进行网页抓取

Sophia Martinez
Sophia Martinez

Specialist in Anti-Bot Strategies

01-Nov-2024

网页抓取允许我们从网站收集信息,以便在各种应用中进行分析和使用,从监控竞争对手的价格到提取大型数据集。在本指南中,我们将重点介绍 Cheerio,这是一个用于抓取和解析 HTML 的强大工具,尤其适用于静态页面。在这里,我们将逐步介绍如何设置基于 Cheerio 的抓取工具,深入了解基本的解析技术,并使用一个真实世界的示例来展示其实际应用。

Cheerio 是什么?

Cheerio 是一个基于 htmlparser2 的功能强大且用途广泛的 Node.js 库,它提供了一个 jQuery 风格的 API 用于处理和操作服务器端的 DOM 元素。这使其成为网页抓取的热门选择,因为它提供了用于 HTML 解析 和数据提取的有效方法。其简单、灵活的 API 使 Cheerio 成为许多项目的网页抓取任务的首选,因为它易于使用和处理速度快。

为什么选择 Cheerio 进行网页抓取?

Cheerio 在 Node.js 中广泛用于网页抓取,尤其是在处理静态 HTML 内容时。其轻量级和快速特性使其成为 渲染 JavaScript 不需要的场景的理想选择。与 Puppeteer 或 Playwright 等基于浏览器的工具不同,Cheerio 直接解析 HTML,无需加载整个页面,从而节省资源并加快抓取过程。

Cheerio 的一个显著优势是其类似 jQuery 的语法,允许开发人员使用熟悉的 CSS 风格选择器与 HTML 元素进行交互。这种易用性,再加上其效率,使 Cheerio 成为简单数据提取任务的首选解决方案。

以下是 Cheerio 与其他流行库的比较:

JavaScript 执行 资源使用 速度 使用案例
Cheerio 静态 HTML 抓取
Puppeteer 中等 动态内容抓取
Axios 获取原始 HTML
Playwright 中等 与 SPA 网站交互

对于专注于高效抓取静态数据的开发人员来说,Cheerio 是一款功能强大且简单的工具。它在快速检索和解析数据方面特别有用,无需渲染 JavaScript 的开销,使其成为需要简化和快速解决方案的项目的理想选择。

设置 Cheerio 以进行网页抓取

在开始使用 Cheerio 进行抓取之前,您需要设置您的开发环境。此过程包括安装 Node.js,它是一个 JavaScript 运行时,允许您在 Web 浏览器之外运行 JavaScript 代码。安装 Node.js 后,您可以使用 Node 包管理器 (npm) 安装 Cheerio 以及 Axios,Axios 是一个流行的 HTTP 客户端,用于向网页发出请求。

第一步:安装 Node.js

如果您还没有安装 Node.js,可以从 官方 Node.js 网站 下载。按照您的操作系统的安装说明进行操作。

第二步:创建一个新项目

打开您的终端或命令提示符,并为您的项目创建一个新目录。导航到该目录,并通过运行以下命令初始化一个新的 Node.js 项目:

bash Copy
mkdir cheerio-scraping
cd cheerio-scraping
npm init -y

此命令将创建一个 package.json 文件,用于管理您的项目依赖项。

第三步:安装 Cheerio 和 Axios

现在您的项目已设置完毕,您可以通过运行以下命令安装 Cheerio 和 Axios:

bash Copy
npm install cheerio axios

此命令将下载并安装这两个库,使它们可在您的脚本中使用。

第四步:创建您的脚本

接下来,在您的项目目录中创建一个新的 JavaScript 文件。您可以将其命名为 scrape.js。此文件将包含您的网页抓取代码。

Cheerio 网页抓取脚本的基本结构

现在您已经安装了 Cheerio 和 Axios,让我们看一下使用这些库的网页抓取脚本的基本结构。以下是一个代码片段示例,演示了如何从一个示例电子商务网站抓取产品数据。

示例脚本

javascript Copy
const axios = require('axios');
const cheerio = require('cheerio');

// 您要抓取的网站的 URL
const url = 'https://example.com/products';

// 用于获取 HTML 内容的函数
async function fetchHTML(url) {
    try {
        const { data } = await axios.get(url);
        return data;
    } catch (error) {
        console.error(`无法获取 URL:${error}`);
    }
}

// 用于抓取产品数据的函数
async function scrapeProductData() {
    const html = await fetchHTML(url);
    const $ = cheerio.load(html);
    
    // 用于保存抓取数据的数组
    const products = [];

    // 选择元素并提取数据
    $('.product-item').each((index, element) => {
        const productName = $(element).find('.product-name').text().trim();
        const productPrice = $(element).find('.product-price').text().trim();

        products.push({
            name: productName,
            price: productPrice
        });
    });

    console.log(products);
}

// 运行抓取函数
scrapeProductData();

代码解释

  1. 导入: 脚本首先导入必要的库,Axios 用于 HTTP 请求,Cheerio 用于解析 HTML。

  2. fetchHTML 函数: 此异步函数以 URL 作为参数,向该 URL 发出 GET 请求,并返回 HTML 内容。如果请求期间出现错误,它会向控制台记录错误消息。

  3. scrapeProductData 函数: 此函数首先使用 fetchHTML 获取 HTML 内容。然后,它使用 cheerio.load() 将 HTML 加载到 Cheerio 中。

  4. 数据提取: 它选择具有类 .product-item 的元素,并迭代每个元素。对于每个产品,它都会提取产品名称和价格,修剪空格,并将结果推送到数组中。

  5. 输出: 最后,它将产品数据数组记录到控制台中。

使用 Cheerio 解析 HTML:核心技术

使用 Cheerio,解析 HTML 很简单。以下是如何提取各种类型的数据:

从元素中提取文本

使用 .text() 从 HTML 标签中提取文本内容。例如,要获取所有段落:

javascript Copy
$('p').each((index, element) => {
    console.log(`段落 ${index + 1}:`, $(element).text());
});

提取属性值

要抓取图像或链接,您需要使用 attr() 方法:

javascript Copy
$('img').each((index, element) => {
    const imgSrc = $(element).attr('src');
    console.log(`图像 ${index + 1}:`, imgSrc);
});

DOM 遍历

Cheerio 还支持 .parent().children().find() 等方法用于 DOM 导航。当数据嵌套时,这很有帮助。

javascript Copy
$('.article').children('h2').each((index, element) => {
    console.log('副标题:', $(element).text());
});

示例:从博客中抓取新闻标题

让我们通过从一个流行的技术博客中抓取最近的文章标题来举一个实际的例子。假设我们要从 https://example-blog.com 中提取所有文章标题。

步骤:

  1. 检查博客的 HTML 结构以识别包含文章标题的 HTML 标签(例如,<h2 class="post-title">)。
  2. 使用 Cheerio 选择并检索这些元素。

示例代码:

javascript Copy
const axios = require('axios');
const cheerio = require('cheerio');

async function scrapeBlogTitles() {
    try {
        const { data } = await axios.get('https://example-blog.com');
        const $ = cheerio.load(data);

        // 选择所有文章标题
        $('h2.post-title').each((index, element) => {
            const title = $(element).text();
            console.log(`文章 ${index + 1}:`, title);
        });

    } catch (error) {
        console.error('获取博客标题时出错:', error);
    }
}

scrapeBlogTitles();

在此示例中:

  • axios.get() 获取博客的 HTML 内容。
  • cheerio.load(data) 将内容加载到 Cheerio 中。
  • $('h2.post-title') 根据标签和类选择所有标题。
  • $(element).text() 提取并记录每个标题。

处理 Cheerio 的常见挑战

以下是关于 Cheerio 的常见挑战的修改后的部分,现在它只包含两个真实网站的示例,并包括超链接:

Cheerio 的常见挑战是什么?

虽然 Cheerio 是一个功能强大且用途广泛的网页抓取工具,但它并非没有挑战。用户经常会遇到一些障碍,这些障碍会使数据提取过程复杂化。

最重大的挑战之一是 处理动态内容。许多现代网站使用 JavaScript 框架,这意味着最初提供的 HTML 可能不包含您需要的所有信息。例如,当抓取像 Amazon 这样的流行电子商务网站时,最初的 HTML 可能只包含基本布局元素,而产品详细信息、评论和价格则异步加载。如果您的 Cheerio 脚本在所有 JavaScript 执行完毕之前运行,您最终可能会得到不完整的数据。

另一个挑战是 速率限制和 IP 阻止。网站通常会监控传入流量,并可能阻止或限制超过一定阈值的请求。例如,像 eBay 这样的网站可能只允许每个 IP 地址每分钟发出有限数量的请求。如果您的抓取脚本发送请求过快,您可能会收到 HTTP 403 禁止响应,从而有效地停止您的数据提取工作。为了克服这个问题,请考虑在您的脚本中实施节流,在请求之间添加延迟,或者使用 旋转代理 来分配负载。

通过了解并主动解决这些常见挑战,您可以增强使用 Cheerio 进行的网页抓取项目,从而确保更有效和成功的数据提取过程。

在您的项目中遇到网页抓取挑战和持续阻止?

考虑使用 Scrapeless 使数据提取变得轻松高效,所有这些都集成在一个功能强大的工具中。

今天就 免费 试用吧!

错误处理

网络问题或意外的页面更改会导致错误。使用 try-catch 块以优雅的方式处理这些错误:

javascript Copy
try {
    // 您的抓取代码在这里
} catch (error) {
    console.error('抓取数据时出错:', error);
}

在网页抓取中使用 Cheerio 的最佳实践

为了确保使用 Cheerio 进行高效且合规的网页抓取,请牢记以下几点:

  • 定位特定元素: 使用精确的选择器来减少解析时间。
  • 处理边缘情况: 为 HTML 结构的更改做好准备。
  • 尊重网站政策: 仅在允许的情况下抓取,并尊重使用政策。
  • 优化请求: 使用请求头和会话管理来降低检测风险。

结论

Cheerio 是一个用于解析 HTML 和抓取静态网页的强大工具。其灵活、高效和易于学习的语法使其非常适合各种抓取任务。通过遵循最佳实践并考虑道德和技术准则,您可以利用 Cheerio 从网站中有效地收集有意义的数据。

无论是用于研究、SEO 分析还是竞争情报,Cheerio 都可以处理各种网页抓取需求。请记住负责任地进行抓取,并使您的脚本能够适应 HTML 结构中的动态变化。

在Scrapeless,我们仅访问公开数据,同时严格遵守适用的法律、法规和网站隐私政策。 本博客内容仅用于演示目的,不涉及任何非法或侵权行为。 对于使用本博客或第三方链接的信息,我们不做任何保证,也不承担任何责任。 在参与任何抓取活动之前,请咨询您的法律顾问并查看目标网站的服务条款或获取必要的权限。

最受欢迎的文章

目录