Playwright MCP
TypeScript · Apache-2.0
Playwright MCP 是微软提供的 MCP 服务器，将 Playwright 浏览器自动化能力暴露给 AI Agent，支持网页交互、截图和结构化数据提取。
mcpbrowser-automationtestingmicrosofttypescript
查看项目 →
概览
Playwright MCP 与 Chrome DevTools MCP：浏览器自动化 MCP 怎么选
Playwright MCP（Microsoft，36k+ stars，Apache-2.0）是基于 Playwright 的 MCP 浏览器自动化服务器，支持 Chromium / Firefox / WebKit 多浏览器；Chrome DevTools MCP（Chrome DevTools 团队，49k+ stars，Apache-2.0）是基于 Puppeteer 的 MCP，主打 Chrome DevTools 深度集成（性能追踪 + 网络调试）。本文从浏览器覆盖、自动化引擎、调试能力和典型场景四个角度对比。
对比项目
Chrome DevTools MCP
TypeScript · Apache-2.0
为编程 Agent 提供浏览器开发者工具能力的 MCP 服务器，支持网页调试、性能分析和 DOM 操作自动化。
mcpchrome-devtoolsbrowser-debugtypescriptautomation
查看项目 →
功能对比
| 适合场景 | Playwright MCP | Chrome DevTools MCP |
|---|---|---|
| 浏览器覆盖 | 多浏览器：Chromium / Firefox / WebKit / Microsoft Edge。跨浏览器测试场景通用。 | 官方仅支持 Google Chrome 和 Chrome for Testing。其他 Chromium 浏览器不保证兼容。 |
| 自动化引擎 | Playwright 驱动。基于结构化 accessibility tree（无障碍快照），避开视觉截图，LLM-friendly。确定性更好。 | Puppeteer + Chrome DevTools Frontend。集成 Chrome DevTools 原生能力（性能追踪、源映射 stack trace、CrUX 现场数据）。 |
| 工具能力 | 核心自动化（点击/导航/快照/输入）+ 标签页管理 + 网络 mock + 存储管理 + DevTools + 坐标操作 + PDF 生成 + 测试断言。可选 --caps 启用 vision/pdf/devtools/network 等能力。 | 输入自动化（10 工具）+ 导航（6 工具）+ 模拟 + 性能 + 网络 + 调试 + 内存 + 扩展 + WebMCP + PWA。官方工具更细分。 |
| 安装与集成 | npx @playwright/mcp@latest 即可启动。支持 Claude Code / Cursor / VS Code / Windsurf / Claude Desktop 等 MCP 客户端。 | npx chrome-devtools-mcp@latest 启动。支持 Claude Code / Cursor / Cline / Codex / Copilot / Gemini / Grok 等主流 AI 客户端。 |
| 典型场景 | 跨浏览器兼容性测试 / E2E 测试 / 通用网页自动化 / 需要多浏览器支持的场景。 | Chrome-only 的调试场景 / 性能追踪 / 网络分析 / 需要 DevTools 深度数据的开发者。 |
GitHub 数据
| Metric | Playwright MCP | Chrome DevTools MCP |
|---|---|---|
| Stars | 36.7k | 50.6k |
| Forks | 3.1k | 3.6k |
| 语言 | TypeScript | TypeScript |
| 许可证 | Apache-2.0 | Apache-2.0 |
| 最近提交 | 2026年9月2日 | 2026年9月3日 |
应该选择哪一个？
建议根据你的主要工作流、技术栈语言和集成需求来选择。用于生产前，请进一步查看项目文档、社区活跃度和最近的 GitHub 维护情况。
常见问题
Playwright MCP 和 Chrome DevTools MCP 怎么选?
需要跨浏览器测试选 Playwright MCP；专注 Chrome 深度调试（性能追踪、网络分析）选 Chrome DevTools MCP。两者都通过 MCP 协议接入 AI 客户端。
两个 MCP 都能用在 Claude Code / Cursor 吗?
都能。两个项目都明确支持 Claude Code 和 Cursor 等主流 MCP 客户端。Claude Code 用 claude mcp add 命令添加，Cursor 在设置里配置。
Chrome DevTools MCP 只能跑 Chrome 吗?
是的。官方仅支持 Google Chrome 和 Chrome for Testing。其他 Chromium 浏览器不保证兼容。需要 Firefox / WebKit 用 Playwright MCP。
两者能同时用吗?
可以。常见组合是 Playwright MCP 做日常浏览器自动化 + Chrome DevTools MCP 做性能深度分析。两者互补。