让 AI 接管浏览器免费开源项目:Chrome MCP Server

之前给大家分享过开源 AI 浏览器:强得可怕:BrowserOS,内置了 AI 智能体的能力,这意味着你可以用自然语言命令它帮你完成特定任务,提高你的工作效率。

而今天要推荐的这个「Chrome MCP Server」开源项目,可以让 AI 直接操控原生的 Chrome API 来实现一些功能,例如:利用 AI 帮你管理书签、帮你自动截图、帮你分析你的浏览记录、帮你捕获网络请求、帮你总结网页内容等等。

20250723-4

提供的可用工具包括有:浏览器管理 (6个工具)、截图和视觉 (1个工具)、网络监控 (4个工具)、内容分析 (4个工具)、交互操作 (3个工具)、数据管理 (5个工具)。

20250723-5

使用说明

环境要求

  • Node.js >= 18.19.0 和 (npm 或 pnpm)
  • Chrome/Chromium 浏览器

安装步骤

  • 下载最新的 Chrome 扩展
  • 下载地址:https://github.com/hangwin/mcp-chrome/releases

全局安装mcp-chrome-bridge

npm

npm install -g mcp-chrome-bridge

pnpm

# 方法1:全局启用脚本(推荐)
pnpm config set enable-pre-post-scripts true
pnpm install -g mcp-chrome-bridge
# 方法2:如果 postinstall 没有运行,手动注册
pnpm install -g mcp-chrome-bridge
mcp-chrome-bridge register

注意:pnpm v7+ 默认禁用 postinstall 脚本以提高安全性。enable-pre-post-scripts 设置控制是否运行 pre/post 安装脚本。如果自动注册失败,请使用上述手动注册命令。

加载 Chrome 扩展

  • 打开 Chrome 并访问 chrome://extensions/
  • 启用"开发者模式"
  • 点击"加载已解压的扩展程序",选择 your/dowloaded/extension/folder
  • 点击插件图标打开插件,点击连接即可看到mcp的配置

在支持MCP协议的客户端中使用

使用streamable http的方式连接(👍🏻推荐)

将以下配置添加到客户端的 MCP 配置中以cherryStudio为例:

推荐用streamable http的连接方式

{
"mcpServers": {
"chrome-mcp-server": {
"type": "streamableHttp",
"url": "http://127.0.0.1:12306/mcp"
}
}
}

使用 stdio 的方式连接(备选)

假设你的客户端仅支持stdio的连接方式,那么请使用下面的方法:

先查看你刚刚安装的npm包的安装位置

# npm 查看方式
npm list -g mcp-chrome-bridge
# pnpm 查看方式
pnpm list -g mcp-chrome-bridge

假设上面的命令输出的路径是:/Users/xxx/Library/pnpm/global/5 那么你的最终路径是:

/Users/xxx/Library/pnpm/global/5/node_modules/mcp-chrome-bridge/dist/mcp/mcp-server-stdio.js

把下面的配置替换成你刚刚得到的最终路径

{
"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"
]
}
}
}

功能介绍

  • 😁 chatbot/模型无关:让任意你喜欢的 llm 或 chatbot 客户端或 agent 来自动化操作你的浏览器
  • ⭐️ 使用你原本的浏览器:无缝集成用户本身的浏览器环境(你的配置、登录态等)
  • 💻 完全本地运行:纯本地运行的 mcp server,保证用户隐私
  • 🚄 Streamable http:Streamable http的连接方式
  • 🏎 跨标签页:跨标签页的上下文
  • 🧠 语义搜索:内置向量数据库和本地小模型,智能发现浏览器标签页内容
  • 🔍 智能内容分析:AI 驱动的文本提取和相似度匹配
  • 🌐 20+ 工具:支持截图、网络监控、交互操作、书签管理、浏览历史等20多种工具
  • 🚀 SIMD 加速 AI:自定义 WebAssembly SIMD 优化,向量运算速度提升 4-8 倍

下载地址

  • 项目地址:
    https://github.com/hangwin/mcp-chrome/
  • 扩展插件:
    https://pan.quark.cn/s/2f55540b8f39