Playwright MCP 是什么、怎么装:让 Claude Code、Codex 操作浏览器的官方 MCP 服务器(2026)

推荐链接(推广):数字严选大约 2 分钟Claude CodePlaywright MCPMCP 服务器浏览器自动化

一句话结论

Playwright MCP 让 AI 代理通过 MCP 协议控制浏览器:打开网页、点击、填表、读页面内容。它用的是页面的无障碍树(accessibility tree),不需要视觉模型看截图。README 同时提醒:如果你用的是编程代理,Playwright CLI + Skills 通常更省 token;MCP 更适合需要持续状态、反复检查页面结构的场景。

项目信息内容(查阅日期:2026-10-24)
仓库microsoft/playwright-mcp
GitHub 星数约 3.9 万
许可证Apache-2.0
最近推送2026-10-22
运行要求Node.js 18 或更新

怎么装(按 README)

Claude Code:

claude mcp add playwright npx @playwright/mcp@latest

Codex:

codex mcp add playwright npx "@playwright/mcp@latest"

Gemini CLI 和其他客户端:在 MCP 配置里加入标准配置:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}

README 还说明了用户配置目录、初始状态、配置文件和独立运行模式等选项。

适合做什么

  • 让代理打开本地开发服务器,检查页面是否正常;
  • 探索式自动化、自愈测试;
  • 需要反复读取页面结构再决定下一步的任务。

安全注意

  • 代理能操作浏览器,就可能访问你登录过的网站。README 有单独的 Security 一节,配置前先读;
  • 尽量用独立的浏览器配置,不要让代理用你日常登录的账号;
  • 不要让代理在支付、删除等不可逆操作页面上自动点击。

相关阅读

参考来源

上次编辑于:
贡献者: Masoooon