chrome-devtools-mcp
★ 54.3k
vs
wcgw
★ 677
chrome-devtools-mcp vs wcgw
chrome-devtools-mcp：chrome-devtools-mcp 允许像 Gemini、Claude 和 Copilot 等AI编码助手通过模型上下文协议 (MCP) 与实时 Chrome 浏览器进行交互。它赋予AI全面访问 Chrome DevTools 的能力，以实现可靠的自动化、深入调试和详细的性能洞察。；wcgw：wcgw是一个AI代理，作为MCP服务器，集成了强大的Shell和代码编辑工具。它使Claude等聊天应用能够与本地机器交互，实现代码生成、执行和调试。
01
简评
chrome-devtools-mcpBrowser Automation · ★ 54.3k
何时选择它（优势与适用）：
- 你希望智能体录制 Chrome 性能追踪并从中得到分析结论：README 列出了 performance_start_trace、performance_stop_trace 和 performance_analyze_insight。
- 调试页面时需要查看网络请求、控制台消息和截图。
- 希望智能体连接到你已在运行的 Chrome：可用 --browser-url、--ws-endpoint 或 --autoConnect（需要 Chrome 144+）。
何时考虑替代方案：
- 需要 Firefox 或 Safari：该项目基于 Chrome DevTools，面向 Chrome。
- 需要跨浏览器的通用自动化或测试：Playwright MCP 更合适。
- 无法运行 Node.js 20.19 或更新版本：README 把它列为必需条件。
wcgwBrowser Automation · ★ 677
自动化软件开发任务，例如在临时环境中解决问题、创建和运行测试用例并修复问题。
02
并排对比
03
功能特性
chrome-devtools-mcp01利用Chrome DevTools获取性能洞察
02高级浏览器调试（网络、截图、控制台）
03使用Puppeteer实现可靠自动化
04输入自动化（点击、拖拽、填充等）
05导航自动化（新建页面、导航、等待等）
wcgw01创建、执行、迭代：允许AI持续运行编译器检查或监控长时间运行的命令。
02大文件编辑：支持大文件增量编辑以避免token限制，并智能地应用更改。
03编辑时语法检查：向LLM报告语法错误以便修正。
04上下文保存与检查点：允许保存详细的项目上下文，用于任务恢复或知识转移。
05灵活的运行模式：提供“架构师”、“代码编写者”和“wcgw”模式以适应不同工作流程。
04
使用场景
chrome-devtools-mcp↳自动化浏览器交互以进行测试或数据提取
↳通过分析网络请求和控制台消息来调试Web应用程序
↳通过记录跟踪并提取洞察来分析网站性能
wcgw↳自动化软件开发任务，例如在临时环境中解决问题、创建和运行测试用例并修复问题。
↳克隆仓库，理解项目结构，设置开发环境并构建项目。
↳开发和部署Web应用程序（例如Go、HTMX、Tailwind），并通过浏览器验证功能。
05
适合场景
chrome-devtools-mcp最受欢迎必备神器时下流行
wcgw—
FAQ
常见问题
chrome-devtools-mcp 和 wcgw 有什么区别？
chrome-devtools-mcp 和 wcgw 都属于 Browser Automation 类别。chrome-devtools-mcp 有 54.3k Stars，wcgw 有 677 Stars。
chrome-devtools-mcp 和 wcgw 哪个更好？
最佳选择取决于你的具体需求。自动化浏览器交互以进行测试或数据提取 时选 chrome-devtools-mcp，自动化软件开发任务，例如在临时环境中解决问题、创建和运行测试用例并修复问题。 时选 wcgw。
chrome-devtools-mcp 是免费的吗？
是的，chrome-devtools-mcp 在 GitHub 开源（Apache-2.0）。
wcgw 是免费的吗？
是的，wcgw 在 GitHub 开源（Apache-2.0）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→