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 一节,配置前先读;
- 尽量用独立的浏览器配置,不要让代理用你日常登录的账号;
- 不要让代理在支付、删除等不可逆操作页面上自动点击。
相关阅读
参考来源
- GitHub · microsoft/playwright-mcp README:https://github.com/microsoft/playwright-mcp(查阅日期:2026-10-24)