web自动化智能体工具 playwright-cli

学习笔记
1

web自动化智能体工具 playwright-cli

playwright-cli

用于执行常见 Playwright 操作的命令行界面

npm install -g @playwright/cli@latest
playwright-cli --help

playwright-cli VS playwright-mcp

CLI ：现代编码代理越来越倾向于使用基于 CLI 的工作流（以 SKILL 的形式公开），而不是 MCP，因为 CLI 调用效率更高：它们避免将庞大的工具模式和冗长的可访问性树加载到模型上下文中，从而使代理能够通过简洁的、专门构建的命令执行操作。这使得 CLI + SKILL 更适合高吞吐量的编码代理，这些代理必须在有限的上下文窗口中平衡浏览器自动化、大型代码库、测试和推理

MCP ：对于那些受益于持久状态、丰富的内省以及对页面结构进行迭代推理的特殊代理循环，例如探索性自动化、自愈测试或长时间运行的自主工作流（在这些场景中，维护持续的浏览器上下文比令牌成本更为重要），MCP 仍然具有重要意义。了解更多关于 Playwright MCP 的信息。

cli与mcp如何选择

借助于mcporter等类似工具，可以实现cli通过mcporter间接调用mcp服务，所以优先使用cli。
@hogwarts

playwright-cli 基本操作

# 后台打开
playwright-cli open https://ceshiren.com

# 可视界面
playwright-cli open https://ceshiren.com --headed

# 点击
playwright-cli click e36

# 键盘输入
playwright-cli type abc

# 面向控件输入
playwright-cli fill e36 abc

# 快照
playwright-cli snapshot

# 查看session列表
playwright-cli show

复用浏览器资料

# chrome://inspect/#remote-debugging 开启允许远程调试

# 通过cdp 连接chrome，并创建一个session 默认名为chrome
playwright-cli attach --cdp=chrome

# 验证
playwright-cli list

# 使用session连接
playwright-cli -s chrome goto https://ceshiren.com

添加技能

  • playwright-cli 技能
  • playwright-mcp 技能（可选）

两者类似，playwright-cli功能还不完善，还在持续改进，
如果有问题可以换到mcporter + playwright-mcp

playwright-cli 技能

# 官方推荐，默认安装在项目的.claude下
playwright-cli install --skills


# 行业标准工具 skills 可以选择安装到项目或者用户级别
npx skills add microsoft/playwright-cli@playwright-cli

playwright-mcp配置

基于mcp模式的playwright-mcp可以实现更灵活的控制，利用mcporter间接调用mcp服务。playwright-cli 与playwright-mcp只需要二选一即可，不用同时安装。新手入门使用playwright-cli，经验丰富后可以使用playwright-mcp

mcporter配置playwright-mcp

{
  "mcpServers": {
    "playwright-mcp": {
      "command": "npx",
      "lifecycle": "keep-alive",
      "args": ["@playwright/mcp@latest", "--extension"],
      "env": {
        "PLAYWRIGHT_MCP_OUTPUT_DIR": "/tmp/web.20260613194227.q9ONnxsASj/playwright-mcp",
        "PLAYWRIGHT_MCP_EXTENSION_TOKEN": "XfNEzsGt6sKIxtKrizZFz9_09nAymeAudYXAnNXLwos"
      }
    }
  }
}

playwright-mcp 技能 （可选）

---
name: playwright-mcp
description: 浏览器自动化测试
---

# playwright-mcp

## 获取帮助

```bash
mcporter -h
mcporter playwright-mcp

```

## 调用工具

```bash
mcporter playwright-mcp.browser_navigate url=https://ceshiren.com

```

[TOC]