MCP Chrome

Chrome扩展MCP服务器,将浏览器暴露给AI Agent控制

📅 收录: 2026-08-05 🔄 更新: 2026-08-05

这是什么?

MCP Chrome 是一个 Chrome 扩展 MCP 服务器,将浏览器完整暴露给 AI Agent 控制。GitHub hangwin/mcp-chrome,12.3k Stars,MIT 许可证。

核心价值:Agent 可以像人类一样浏览网页——点击按钮、填写表单、提取数据、截图。适合 Web 自动化测试、数据采集、表单自动填写等场景。

适合谁:需要 Web 自动化的开发者、QA 测试工程师、数据采集工程师。

前置条件:Chrome 浏览器,Node.js 18+,支持 MCP 的 AI 编程客户端。

准备工作

安装

git clone https://github.com/hangwin/mcp-chrome.git
cd mcp-chrome
npm install
npm run build

配置

在 Claude Code 的 MCP 配置中添加:

{
  "mcpServers": {
    "chrome": {
      "command": "node",
      "args": ["path/to/mcp-chrome/dist/index.js"],
      "env": {
        "CHROME_PATH": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
      }
    }
  }
}

时间预算:安装 5 分钟,第一个自动化任务 10 分钟。

三步上手

第一步:启动 Chrome 调试模式

# macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

# Windows
"C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222

第二步:让 Agent 浏览网页

在 Claude Code 中:

“打开 https://github.com/trending,提取今天的 Top 10 项目名称和 Stars”

第三步:自动化表单填写

“打开 https://example.com/form,填写姓名、邮箱、留言,然后截图确认

常见踩坑

踩坑 1:Chrome 调试端口被占用

症状:启动时报 “address already in use”。

原因:已有 Chrome 实例占用了 9222 端口。

解决:关闭所有 Chrome 窗口后重新启动,或使用 --remote-debugging-port=9223

踩坑 2:页面加载未完成就操作

症状:点击操作报 “element not found”。

原因:Agent 在页面 DOM 完全渲染前就开始操作。

解决:使用 waitForSelector 等待目标元素出现,或设置 --wait-timeout 5000

踩坑 3:登录态丢失

症状:Agent 操作需要登录的页面时被重定向到登录页。

原因:Chrome 调试模式默认使用全新 Profile。

解决:使用 --user-data-dir=/path/to/your/chrome/profile 保持登录态。

踩坑 4:验证码页面卡住

症状:Agent 遇到验证码时无限等待。

原因:AI Agent 无法自动处理图片验证码。

解决:配置 --captcha-mode manual,Agent 遇到验证码时暂停并通知用户。

踩坑 5:headless 模式与普通模式行为差异

症状:headless 模式下某些元素不渲染。

原因:部分网站检测 headless 模式并返回不同内容。

解决:使用 --headless=new(新版 headless 模式)或添加 --user-agent 伪装。

FAQ

Q1: MCP Chrome 是否免费?

A: 完全开源(MIT 许可证),免费使用。

Q2: 支持哪些浏览器?

A: 主要支持 Chrome/Chromium。Firefox 通过 --browser firefox 实验性支持。

Q3: 与 Puppeteer/Playwright 有什么区别?

A: Puppeteer/Playwright 需要编写代码,MCP Chrome 让 Agent 用自然语言操控浏览器。

Q4: 能否同时控制多个浏览器标签?

A: 支持。Agent 可以打开多个标签页并独立操作每个标签。

Q5: 数据安全如何保障?

A: 所有操作在本地 Chrome 实例中执行,数据不离开你的机器。

参考链接


本文基于公开资料整理,AI 辅助生成,数据截至 2026-08-05。具体功能请以官方文档为准。

📊 评分与标签

评分说明

总分 8.3/10 · P_优选

📊 可观测社区指标(采集日期:2026-08-05)

⚙️ 功能完整度 2.1/2.5

  • 完整浏览器操控:点击、填表、截图、数据提取
  • 支持多标签页独立操作和登录态保持
  • headless 模式与普通模式存在行为差异
  • 竞品对比 1(Puppeteer):Puppeteer 需要编写代码,MCP Chrome 用自然语言操控
  • 竞品对比 2(Playwright MCP):Playwright MCP 功能类似,但 Playwright 生态更成熟

✨ 输出质量 2.0/2.5

  • 基于 Chrome DevTools Protocol,浏览器操作精确
  • 页面加载时序问题可能导致元素定位失败
  • 验证码等视觉挑战无法自动处理
  • 竞品对比 1(Puppeteer):Puppeteer 的 waitForSelector 更可靠
  • 竞品对比 2(Playwright):Playwright 的自动等待机制更智能

🖐️ 易用性 1.2/1.5

  • MCP 协议标准配置,Claude Code 中直接使用
  • 需要启动 Chrome 调试模式,多一步操作
  • 自然语言交互降低使用门槛
  • 竞品对比 1(Puppeteer):需要 JavaScript/TypeScript 编程能力
  • 竞品对比 2(Browserbase):云端浏览器,无需本地 Chrome,但需付费

💰 性价比 1.5/1.5

  • 完全开源(MIT),免费使用
  • 本地 Chrome 运行,无额外费用
  • 竞品对比 1(Browserbase):$0.50/小时起
  • 竞品对比 2(Bright Data):$10/月起

🔒 稳定性 0.7/1.0

  • 12.3k Stars,社区规模良好
  • 依赖 Chrome DevTools Protocol,Chrome 升级可能引入兼容性问题
  • 活跃维护
  • 竞品对比 1(Playwright):微软维护,稳定性更高
  • 竞品对比 2(Puppeteer):Google 维护,Chrome 兼容性最好

🛡️ 隐私安全 0.8/1.0

  • 所有操作在本地 Chrome 执行,数据不离开机器
  • 开源透明,MIT 许可证
  • 使用个人 Chrome Profile 时需注意敏感信息保护
  • 竞品对比 1(Browserbase):云端浏览器可能访问敏感数据
  • 竞品对比 2(直接使用 Chrome):Agent 控制可能误操作敏感页面

评分依据可追溯至公开数据源。

🏷️ 标签说明

  • AI编程: Chrome 扩展 MCP 服务器,让 AI Agent 控制浏览器。来源:GitHub
  • 开源: MIT 许可证开源项目。来源:GitHub
  • MCP: 基于 Model Context Protocol 协议。来源:GitHub

📋 来源核实

  • ✅ 已验证: GitHub — Stars 12.3k,Forks 1.1k,MIT 许可证
  • ⚠️ 未实测: 未在本地环境完整测试浏览器自动化功能

⚠️ 局限与声明

  • 实测限制:未在本地环境完整测试,数据基于官方文档
  • 评分基于公开信息,实际使用体验可能因网站和 Chrome 版本而异

同分类推荐

AI编程 分类下的其他工具

)}