Chrome MCP 服务器——让AI操作浏览器帮你干活
Chrome MCP 服务器是一款基于 Chrome 扩展程序的模型上下文协议 (MCP) 服务器，它将您的 Chrome 浏览器功能开放给 Claude 等 AI 助手，从而实现复杂的浏览器自动化、内容分析和语义搜索。与传统的浏览器自动化工具（例如 Playwright）不同，Chrome MCP 服务器直接使用您日常使用的 Chrome 浏览器，利用现有的用户习惯、配置和登录状态，让各种大型模型或聊天机器人控制您的浏览器，真正成为您的日常助手。
先决条件
Node.js >= 18.19.0 和 pnpm/npm
Chrome/Chromium浏览器
如果你的node版本不符合，可以使用 nvm 管理安装更新的版本
安装步骤
- 从 GitHub 下载最新的 Chrome 扩展程序
- 下载链接：https://github.com/hangwin/mcp-chrome/releases
- 下载后解压，然后在chrome浏览器扩展里
- 插件安装成功后，浏览器上会看到，点开后。
连接上，此处大概率会失败。
- 全局安装 mcp-chrome-bridge
npm install -g mcp-chrome-bridge
- 安装成功后，就可以连接了。（注意这里如果node版本有问题，会提示 已连接，服务未启动）
至此，Chrome MCP 服务端已经可以用了。
可以直接把上图中的配置，直接粘贴到AI IDE里，比如Qoder 里的MCP服务，就可以用了。
点 第一个图标 进入快速体验！
如果不需要在Claude Cli 里使用，就不用继续往下看了~！
- 在客户端配置mcp服务器，这里主要讲一下 Windows下为Claude配置mcp访问，
可以直接在命令行执行
claude mcp add chrome-mcp '{
"type": "http",
"url": "http://127.0.0.1:12306/mcp"
}'
- 有时候这样保存后，会有格式问题，可以在json文件里看一下， 路径大概率在 C:Users用户名.claude.json 打开后 会看到
- 确认无误后，回到Claude，输入命令 /mcp
- 显示这样就是成功了！下面就可以实际应用了。这里我让他查一下我在CSDN的粉丝数。
Comparison with Similar Projects
| Comparison Dimension | Playwright-based MCP Server | Chrome Extension-based MCP Server |
|---|---|---|
| Resource Usage | ❌ Requires launching independent browser process, installing Playwright dependencies, downloading browser binaries, etc. | ✅ No need to launch independent browser process, directly utilizes user’s already open Chrome browser |
| User Session Reuse | ❌ Requires re-login | ✅ Automatically uses existing login state |
| Browser Environment | ❌ Clean environment lacks user settings | ✅ Fully preserves user environment |
| API Access | ⚠️ Limited to Playwright API | ✅ Full access to Chrome native APIs |
| Startup Speed | ❌ Requires launching browser process | ✅ Only needs to activate extension |
| Response Speed | 50-200ms inter-process communication | ✅ Faster |
总结
Chrome MCP 服务器 能干的事情还不少~
详见 完整工具清单
🔹 1. AI 增强的浏览体验
- 网页摘要：在浏览长文章或 PDF 时，AI 可以直接通过 MCP 接口获取页面上下文，生成摘要或重点。
- 智能问答：用户在任意网页上提问，AI 能结合当前网页内容回答，而不是单纯依赖大模型训练数据。
🔹 2. 开发者 / 工程场景
- 调试/代码解释：MCP 可让 AI 直接读取浏览器 DevTools 的上下文，帮忙解释报错、建议优化。
- 本地 API 调用：通过 MCP，AI 可以调用 Chrome 插件暴露的接口（比如存储、请求拦截），相当于 AI 可以“编程”控制浏览器。
🔹 3. 办公 & 效率工具
- 网页自动化：例如自动填写表单、自动登录、批量下载报告，AI 通过 MCP 控制 DOM。
- 知识管理：浏览网页时，AI 可以把重点摘录到本地知识库（如 Notion、Obsidian），通过 MCP 直连数据存储接口。
🔹 4. 安全与合规
- 敏感信息检测：在上传或提交表单时，AI 能通过 MCP 检查输入内容是否有隐私/合规风险。
- 反钓鱼辅助：用户点开可疑网页时，AI 能结合上下文提醒风险。
🔹 5. 个性化场景
- 多模态搜索：比如在 Chrome 打开图片，AI 通过 MCP 获取上下文，帮用户生成“相似图片搜索”或“商品比价”。
- 上下文感知助手：AI 能记住你正在写的邮件 / 文档，通过 MCP 和 Gmail、Docs 交互，提供更精准的建议。
🔹 6. 插件生态升级
传统 Chrome Extension 提供的 API 功能有限，但 如果通过 MCP，插件就能把更多结构化数据和操作能力暴露给 AI， 相当于未来很多插件会变成 “AI 可调用的服务”。
