大家好!今天,我要给大家介绍一款超实用的开源工具------Chrome MCP Server!这款工具不仅能大幅提升我们的工作效率,还能让AI助手(如Claude)直接操控浏览器,实现自动化操作、内容分析等强大功能。
一、介绍
Chrome MCP Server(全称 Chrome Multi-Channel Protocol Server
)是一个开源的Chrome浏览器自动化框架,它通过 AI 能力(如自然语言理解、元素智能识别)降低了浏览器自动化的门槛,让开发者或非技术人员可以更轻松地实现网页操作自动化(如表单填写、数据爬取、页面测试等)。

它允许 AI 助手(如 Claude)直接操控浏览器,实现自动化操作、内容分析和语义搜索等功能。支持 20+ 种工具,包括截图、网络监控、书签管理、浏览历史等,且基于 WebAssembly SIMD 优化,向量运算速度提升 4-8 倍。
它的核心优势在于无需编写复杂的 XPath 或 CSS 选择器,而是通过自然语言描述目标操作,AI 会自动识别页面元素并执行相应动作,大幅提升自动化脚本的开发效率和稳定性。
与同类项目Playwright对比优势:
与传统的浏览器自动化工具(如 Playwright、Selenium)不同,Chrome MCP Server 直接使用用户日常使用的 Chrome 浏览器,保留登录状态、配置和扩展,确保隐私,支持本地运行和流式 HTTP 连接 。
二、Chrome MCP Server主要功能
1. 浏览器自动化操作:
- 支持直接控制 Chrome 浏览器,包括点击、填表、键盘输入等。
- 可以保留浏览器的登录状态和配置,方便连续操作。
2. 内容分析与语义搜索:
- 支持对网页内容的分析和语义搜索,帮助用户快速获取信息。
3. 截图与网络监控:
- 提供截图功能,方便记录网页内容。
- 支持网络监控,查看浏览器的网络请求和响应。
4. 浏览历史和书签管理:
- AI 可以帮助整理和搜索浏览历史及书签。
5. 跨标签页操作:
- 支持批量管理和内容提取,提升多任务处理效率。
三、快速上手
1、环境准备:确保安装 Node.js 18+
、pnpm 和 Chrome/Chromium。
2、打开快捷导航平台(https://kjdaohang.com/
),点击最新上架 菜单,找到Chrome MCP Server
,点击直达链接,选择最新版本即可下载。

3、全局安装mcp-chrome-bridge
# npm 安装命令
npm install -g mcp-chrome-bridge
# pnpm安装命令
pnpm config set enable-pre-post-scripts true
pnpm install -g mcp-chrome-bridge
4、打开 Chrome 并访问 chrome://extensions
,启用"开发者模式",再点击"加载已解压的扩展程序",选择刚刚下载好的插件解压文件夹。
安装成功后,点击插件图标打开插件,点击连接即可看到mcp的配置。
{
"mcpServers": {
"chrome-mcp-stdio": {
"command": "npx",
"args": [
"node",
"/Users/xxx/Library/pnpm/global/5/node_modules/mcp-chrome-bridge/dist/mcp/mcp-server-stdio.js"
]
}
}
}

5、通常建议与 MCP 协议客户端一起使用,比如Cherry Studio
为例,
同样在快捷导航平台(https://kjdaohang.com/
),点击最新上架 菜单,找到Cherry Studio
,点击直达链接,选择最新版本下载。

配置MCP客户端时,建议使用可流式传输的 HTTP 连接方法
{
"mcpServers": {
"chrome-mcp-server": {
"type": "streamableHttp",
"url": "http://127.0.0.1:12306/mcp"
}
}
}
6、使用示例,例如使用AI 自动注入脚本并修改网页样式。
四、总结
Chrome MCP Server
是一款强大的浏览器自动化工具,它让 AI 助手能够直接操控浏览器,完成各种自动化任务。无论是数据采集、内容管理,还是日常办公,它都能成为你的得力助手。如果你还在为繁琐的浏览器操作烦恼,不妨试试 Chrome MCP Server,相信它会给你带来惊喜!