在Nodejs中使用 Playwright

发表于 分类于 阅读次数： Changyan： 本文字数： 1.3k 阅读时长 ≈ 1 分钟

首先，确保你已经安装了 Node.js。可以通过以下命令来检查是否已经安装 Node.js：

1
2
node -v
npm -v

如果没有安装 Node.js，你可以从 Node.js 官网 下载并安装最新版本的 Node.js。

2. 初始化 Node.js 项目

如果你还没有创建 Node.js 项目，可以通过以下命令初始化一个新的 Node.js 项目：

1
2
3
mkdir my-playwright-project
cd my-playwright-project
npm init -y

这将会创建一个 package.json 文件，管理你的项目依赖。

3. 安装 Playwright

你可以使用 npm 或 yarn 来安装 Playwright。执行以下命令安装 Playwright 和浏览器依赖：

1
npm install playwright

默认情况下，Playwright 会安装必要的浏览器二进制文件（Chromium、Firefox 和 WebKit），因此它会比较大。如果你只需要安装特定的浏览器，你可以选择安装指定的浏览器包：

  • 只安装 Chromium:

    1
    npm install playwright-chromium

  • 只安装 Firefox:

    1
    npm install playwright-firefox

  • 只安装 WebKit:

    1
    npm install playwright-webkit

4. 验证安装

安装完成后，你可以创建一个简单的脚本来测试 Playwright 是否工作正常：

创建一个文件 test.js，并添加以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const { chromium } = require("playwright");

(async () => {
  // 启动浏览器
  const browser = await chromium.launch({ headless: false });
  const page = await browser.newPage();

  // 打开一个页面
  await page.goto("https://example.com");

  // 截图保存
  await page.screenshot({ path: "example.png" });

  // 关闭浏览器
  await browser.close();
})();

然后，运行脚本：

1
node test.js

如果一切正常，Playwright 会启动一个 Chromium 浏览器实例并打开 https://example.com，然后保存页面截图为 example.png。

5. 常见问题

  • 如果你在安装过程中遇到浏览器二进制文件下载失败的情况，确保你的网络连接正常，并且没有防火墙或代理阻止下载。
  • Playwright 会在安装时自动下载 Chromium、Firefox 和 WebKit。如果你不需要某个浏览器，可以手动卸载它们，或者仅安装你需要的特定浏览器。

通过这些步骤，你就可以在 Node.js 环境中成功安装并使用 Playwright 进行浏览器自动化操作。