一、核心优势
1、无缝集成现有浏览器环境
- 直接复用用户已打开的 Chrome 浏览器,保留所有登录状态、书签、扩展及历史记录,无需重新登录或配置环境。
- 对比传统工具(如 Playwright)需独立启动浏览器进程且无法保留用户环境,效率提升显著。
2、隐私与性能双保障
- 本地化运行:所有操作在本地完成,敏感数据(如账号信息、浏览记录)不上传云端。
- 响应速度优化:利用 Chrome 原生 API 直接操作,避免进程间通信延迟(响应速度优于 Playwright 的 50-200ms)。
- AI 生态兼容性:支持任意 LLM 或 Chatbot 客户端(如 Claude、GPT、Cursor),通过标准 MCP 协议实现指令翻译与执行。
二、核心功能详解
1、跨标签页智能操作
- 语义搜索:内置向量数据库,支持自然语言查询多个标签页内容(例:“找出所有关于 AI Agent 评估基准的页面”)。
- 批量管理:一键关闭特定主题标签页或提取跨页面数据生成 Markdown 列表。
2、20+ 即用型工具集
- 自动化交互:模拟点击、表单填充、键盘输入(例:自动搜索框输入并回车)。
- 数据捕获:支持全页/元素级截图(WebP 格式优化)、网络请求监控(抓包分析 API 结构)。
- 历史与书签管理:自然语言检索浏览历史(例:“近10天腾讯混元大模型相关记录”)。
3、性能增强技术
- SIMD 加速:通过 WebAssembly SIMD 优化向量计算,语义搜索速度提升 4-8 倍。
- 轻量模型支持:内置多语言 Embedding 模型(如 multilingual-e5-small),平衡性能与资源占用。
三、安装与配置
环境准备
- Node.js ≥ 18.19.0 + npm
- Chrome/Chromium 浏览器
快速部署和使用
1、安装Chrome扩展插件
从 GitHub Releases 下载最新扩展包,在 chrome://extensions 中启用开发者模式并加载解压的文件夹。
2、安装桥接工具
npm install -g mcp-chrome-bridge
若自动注册失败,需手动执行 mcp-chrome-bridge register。
3、打开Chrome浏览器,点击扩展程序进入配置页
4、点击连接
5、打开Trae客户端,进入MCP管理页
6、添加MCP服务
{"mcpServers": {"chrome-mcp-server": {"type": "streamableHttp","url": "http://127.0.0.1:12306/mcp"}}
}
7、MCP服务需要添加到智能体才可以在Trae内使用,进入智能体管理页面
8、配置智能体,勾选刚刚配置的MCP服务
9、在Trae的对话界面选择智能体就可以对话,让浏览器帮你干活啦
四、应用场景
- 内容创作
AI 自动总结网页内容 → 调用 Excalidraw 绘制思维导图。
- 竞品监控
定时截图竞品网站首页,对比分析布局更新。
- 工作流优化
自动填写表单、批量关闭冗余标签页、整理书签。
- 开发调试
网络请求拦截与 API 结构分析。
五、案例
案例演示视频可以看这里
https://github.com/hangwin/mcp-chrome/blob/master/README.md