browser-tools-mcp
★ 7.3k
vs
chrome-devtools-mcp
★ 54.0k
browser-tools-mcp vs chrome-devtools-mcp
browser-tools-mcp：BrowserTools MCP 通过 Chrome 扩展和 Anthropic 的模型上下文协议，赋能 AI 应用监控和交互浏览器。它提供了一套用于网页开发审计的工具，包括可访问性、性能和 SEO 分析，增强了 AI 理解和改进网页的能力。；chrome-devtools-mcp：chrome-devtools-mcp 允许像 Gemini、Claude 和 Copilot 等AI编码助手通过模型上下文协议 (MCP) 与实时 Chrome 浏览器进行交互。它赋予AI全面访问 Chrome DevTools 的能力，以实现可靠的自动化、深入调试和详细的性能洞察。
编辑部深度对比结论
Chrome DevTools MCP 现在覆盖类似的功能（性能追踪、网络和控制台检查、截图），由 Chrome 团队维护，组件更少。Browser Tools MCP 的特点是 Lighthouse 审计工具，以及通过扩展使用你已打开的浏览器。
01
简评
browser-tools-mcpBrowser Automation · ★ 7.3k
何时选择它（优势与适用）：
- 你使用 Cursor 之类的 IDE 智能体，希望它读取你自己 Chrome 里的控制台日志、网络活动、截图和当前选中的 DOM 元素。
- 希望在智能体里直接做基于 Lighthouse 的无障碍、性能、SEO 和最佳实践审计。
- 希望浏览器日志留在本地：README 说明日志存储在你的机器上，不会发给第三方服务。
何时考虑替代方案：
- 希望智能体点击并操作页面：这个工具面向监控和审计，不是完整的自动化。
- 不想安装 Chrome 扩展，也不想在 MCP 服务之外再运行一个本地 Node 服务。
- 想要开发最活跃的方案：我们核查到的最新版本是 2026-08-12 发布的 v2.0.2。
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 把它列为必需条件。
02
并排对比
03
功能特性
browser-tools-mcp01捕获浏览器数据（日志、网络、DOM、截图）
02通过模型上下文协议 (MCP) 与 AI 集成
03执行全面的网页开发审计（SEO、可访问性、性能）
04自动化无头 Chrome 收集审计数据
05提供结构化 JSON 结果供 AI 解析
chrome-devtools-mcp01利用Chrome DevTools获取性能洞察
02高级浏览器调试（网络、截图、控制台）
03使用Puppeteer实现可靠自动化
04输入自动化（点击、拖拽、填充等）
05导航自动化（新建页面、导航、等待等）
04
使用场景
browser-tools-mcp↳赋能 AI 编码助手审计和调试网页
↳改进网页应用的 SEO、性能和可访问性
↳自动化分析和优化 NextJS 应用
chrome-devtools-mcp↳自动化浏览器交互以进行测试或数据提取
↳通过分析网络请求和控制台消息来调试Web应用程序
↳通过记录跟踪并提取洞察来分析网站性能
05
适合场景
browser-tools-mcp时下流行
chrome-devtools-mcp最受欢迎必备神器时下流行
FAQ
常见问题
browser-tools-mcp 和 chrome-devtools-mcp 有什么区别？
Chrome DevTools MCP 现在覆盖类似的功能（性能追踪、网络和控制台检查、截图），由 Chrome 团队维护，组件更少。Browser Tools MCP 的特点是 Lighthouse 审计工具，以及通过扩展使用你已打开的浏览器。
browser-tools-mcp 和 chrome-devtools-mcp 哪个更好？
最佳选择取决于你的具体需求。赋能 AI 编码助手审计和调试网页 时选 browser-tools-mcp，自动化浏览器交互以进行测试或数据提取 时选 chrome-devtools-mcp。
browser-tools-mcp 是免费的吗？
是的，browser-tools-mcp 在 GitHub 开源（MIT）。
chrome-devtools-mcp 是免费的吗？
是的，chrome-devtools-mcp 在 GitHub 开源（Apache-2.0）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→