这是什么?
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”
第三步:自动化表单填写
常见踩坑
踩坑 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)
- GitHub: hangwin/mcp-chrome ★12.3k, 🔱1.1k
- 许可证: MIT
- 语言: TypeScript
⚙️ 功能完整度 2.1/2.5
- 完整浏览器操控:点击、填表、截图、数据提取
- 支持多标签页独立操作和登录态保持
- headless 模式与普通模式存在行为差异
- 来源:GitHub
- 竞品对比 1(Puppeteer):Puppeteer 需要编写代码,MCP Chrome 用自然语言操控
- 竞品对比 2(Playwright MCP):Playwright MCP 功能类似,但 Playwright 生态更成熟
✨ 输出质量 2.0/2.5
- 基于 Chrome DevTools Protocol,浏览器操作精确
- 页面加载时序问题可能导致元素定位失败
- 验证码等视觉挑战无法自动处理
- 来源:GitHub
- 竞品对比 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 升级可能引入兼容性问题
- 活跃维护
- 来源:GitHub
- 竞品对比 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编程 分类下的其他工具