chrome-devtools-mcp
★ 54.0k
vs
opencode-browser
★ 107
chrome-devtools-mcp vs opencode-browser
chrome-devtools-mcp:chrome-devtools-mcp 允许像 Gemini、Claude 和 Copilot 等AI编码助手通过模型上下文协议 (MCP) 与实时 Chrome 浏览器进行交互。它赋予AI全面访问 Chrome DevTools 的能力,以实现可靠的自动化、深入调试和详细的性能洞察。;opencode-browser:OpenCode浏览器MCP插件通过Browser MCP扩展将浏览器自动化集成到OpenCode中。它使AI智能体能够导航网站、填写表单和执行其他浏览器任务,并优化了性能。该插件提供面向速度的引导、工具特定提示和快速重试行为。
01
简评
chrome-devtools-mcpBrowser Automation · ★ 54.0k
何时选择它(优势与适用):
- 你希望智能体录制 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 把它列为必需条件。
opencode-browserBrowser Automation · ★ 107
导航到网站并搜索内容
02
并排对比
03
功能特性
01利用Chrome DevTools获取性能洞察
02高级浏览器调试(网络、截图、控制台)
03使用Puppeteer实现可靠自动化
04输入自动化(点击、拖拽、填充等)
05导航自动化(新建页面、导航、等待等)
01通过 Browser MCP 实现完整的浏览器自动化支持
02在模型提示中注入面向速度的浏览器引导
03针对昂贵的浏览器操作提供工具特定性能提示
04快速重试行为,无需人工重连回退
05自动检测浏览器相关任务
04
使用场景
↳自动化浏览器交互以进行测试或数据提取
↳通过分析网络请求和控制台消息来调试Web应用程序
↳通过记录跟踪并提取洞察来分析网站性能
↳导航到网站并搜索内容
↳自动填写并提交表单
↳从网页中抓取数据
05
适合场景
最受欢迎必备神器时下流行
—
FAQ
常见问题
chrome-devtools-mcp 和 opencode-browser 有什么区别?
chrome-devtools-mcp 和 opencode-browser 都属于 Browser Automation 类别。chrome-devtools-mcp 有 54.0k Stars,opencode-browser 有 107 Stars。
chrome-devtools-mcp 和 opencode-browser 哪个更好?
最佳选择取决于你的具体需求。自动化浏览器交互以进行测试或数据提取 时选 chrome-devtools-mcp,导航到网站并搜索内容 时选 opencode-browser。
chrome-devtools-mcp 是免费的吗?
是的,chrome-devtools-mcp 在 GitHub 开源(Apache-2.0)。
opencode-browser 是免费的吗?
是的,opencode-browser 在 GitHub 开源(MIT)。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器,新用户立享 $200 免费额度(60天有效)。
→