赋能 AI 浏览器操控：Playwright CLI 集成指南

AI 一键解读
复制发给你的 AI，它会自己阅读
请阅读这篇文章（链接：https://yuzaoqie.pages.dev/2026/04/17/playwright-cli/playwright-cli-guide/）并解读全文

Playwright CLI 是一个强大的自动化工具，允许你通过命令行或 AI 代理（如 Claude Code、OpenClaw）直接操控浏览器、捕获网页数据并执行端到端测试。

1. 系统要求

  • Node.js: 需要 v18 或更高版本。
  • 操作系统: 支持 macOS, Windows, 以及 Linux。

2. 安装步骤

通过 npm 全局安装最新版本的 Playwright CLI：

1
2
# 安装 playwright-cli
npm install -g @playwright.cli@latest

安装完成后，建议通过查看帮助信息来验证安装是否成功：

1
2
# 验证安装
playwright-cli --help

注意：首次运行某些命令时，Playwright 可能会提示你安装必要的浏览器内核（Chromium, Firefox, WebKit）。你可以运行 npx playwright install 来预先下载它们。

3. AI 代理集成 (Claude Code / OpenClaw)

你可以将 Playwright CLI 作为一项”技能 (Skill)”直接集成到你的 AI 工作流中。这使得 AI 能够自主执行网页抓取、截图或自动化操作。

直接通过指令安装

在 Claude Code 或 OpenClaw 的对话终端中，直接输入以下指令：

“安装一个 skill: https://github.com/microsoft/playwright-cli/blob/main/skills/playwright-cli/SKILL.md“

手动配置

如果你正在自定义配置环境，可以将该 SKILL.md 的内容添加到你的 AI 代理角色定义或工具链配置中，以便它了解如何调用 playwright-cli 指令。

4. AI 交互与操作示例

集成 Playwright CLI Skill 后，你可以直接通过自然语言命令 AI 代理执行复杂的浏览器任务。为了获得最佳的调试体验，建议在指令中加入 --headed 参数，这样你可以实时观察到 AI 操作浏览器的全过程。

典型交互案例：搜索并播放 B 站视频

你可以直接向 Claude Code 或 OpenClaw 发送如下指令：

指令： “使用 playwright-cli 帮我做一个自动化测试：带上 --headed 参数，打开 Bilibili (bilibili.com)，搜索关键词 ‘openclaw’，并点击打开搜索结果中播放量最多的那个视频。”