返回

使用 Puppeteer 手动下载 Chrome 以进行更流畅的网络自动化

前端

Puppeteer 简介

Puppeteer 是一个非常流行且用途广泛的无头 Chrome 库,它是使用 JavaScript 编写的。它允许您自动执行 Chrome 浏览器中的各种操作,例如导航、单击、输入、滚动等。Puppeteer 在网络自动化、端到端测试和屏幕截图等方面具有广泛的应用。

手动下载 Chrome 的原因

在某些情况下,您可能需要手动下载一个特定的 Chrome 版本来与 Puppeteer 一起使用。例如,您可能需要:

  • 使用一个特定的 Chrome 版本来支持您正在使用的 puppeteer-core 版本。
  • 使用 Puppeteer 自动化一个网站,该网站需要特定的 Chrome 版本才能正常工作。
  • 使用一个特定的 Chrome 版本来调试 Puppeteer 脚本。

手动下载 Chrome 的步骤

  1. 确定所需的 Chrome 版本

    首先,您需要确定您需要下载哪个版本的 Chrome。您可以通过以下方式之一来确定所需的版本:

    • 查看 Puppeteer-core 的文档,找到 Puppeteer 支持的 Chrome 版本。
    • 查看您正在尝试自动化的网站的文档,找到该网站支持的 Chrome 版本。
    • 使用 Puppeteer 脚本调试特定版本的 Chrome。
  2. 下载 Chrome

    一旦您知道所需的 Chrome 版本后,您就可以从 Chrome 官方下载页面 下载该版本。

  3. 将 Chrome 解压缩到所需的位置

    下载 Chrome 后,您需要将它解压缩到所需的位置。您可以将它解压缩到任何位置,但通常将其解压缩到 C:\Program Files (x86)\Google\Chrome 文件夹中。

  4. 将 Chrome 添加到您的环境变量中

    解压缩 Chrome 后,您需要将它添加到您的环境变量中,以便 Puppeteer 可以找到它。为此,请按照以下步骤操作:

    • 打开“控制面板”。
    • 单击“系统和安全”。
    • 单击“系统”。
    • 在左侧菜单中,单击“高级系统设置”。
    • 在“系统属性”对话框中,单击“环境变量”按钮。
    • 在“环境变量”对话框中,找到“Path”变量并单击“编辑”按钮。
    • 在“编辑环境变量”对话框中,在“变量值”字段的末尾添加 Chrome 的安装路径。
    • 单击“确定”按钮。

使用 Puppeteer 自动化 Chrome

现在您已经手动下载了 Chrome 并将其添加到您的环境变量中,您就可以使用 Puppeteer 来自动化 Chrome 浏览器了。

以下是一个使用 Puppeteer 自动化 Chrome 的简单示例:

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: false });
  const page = await browser.newPage();
  await page.goto('https://www.google.com');
  await page.screenshot({ path: 'screenshot.png' });

  await browser.close();
})();

这段代码将启动一个 Puppeteer 浏览器,导航到 Google 主页,截取屏幕截图,然后关闭浏览器。

结论

手动下载 Chrome 可以帮助您更有效地使用 Puppeteer 进行网络自动化。通过遵循本指南中的步骤,您可以轻松下载 Chrome 并将其添加到您的环境变量中。然后,您就可以使用 Puppeteer 来自动化 Chrome 浏览器,从而完成各种各样的任务。