3步把日常Chrome接入AI：Chrome MCP Server（浏览器自动化MCP服务器）-平芜编程栈

3步把日常Chrome接入AI：Chrome MCP Server（浏览器自动化MCP服务器）

【免费下载链接】mcp-chromeChrome MCP Server is a Chrome extension-based Model Context Protocol (MCP) server that exposes your Chrome browser functionality to AI assistants like Claude, enabling complex browser automation, content analysis, and semantic search.项目地址: https://gitcode.com/gh_mirrors/mc/mcp-chrome

每次让AI处理网页任务，都要先起一个独立浏览器、再从头登录一遍，这大概是浏览器自动化里最消耗耐心的环节。mcp-chrome 是一个基于 Chrome 扩展的 MCP（一种让AI调用外部工具的通信协议）服务器，它把你日常在用的 Chrome 浏览器开放给 Claude 等 AI 助手，直接操作已登录的浏览器，完成浏览器自动化、网络抓包和内容分析。

先说清它是什么

项目分成两块：一块是 Chrome 扩展（WXT + Vue 3 构建），负责在页面里真正执行点击、填表、抓网络请求这些操作；另一块是本地 Node 服务mcp-chrome-bridge（基于 Fastify），在http://127.0.0.1:12306/mcp上暴露 MCP 端点。扩展通过 Native Messaging（Chrome 与外部本地程序之间的通信通道）连上本地服务，AI 客户端再通过 streamable HTTP（一种基于 HTTP 的长连接方式）接入这个服务。整套链路全部本地运行，页面内容不走第三方中转。

它和最常见的 Playwright 系浏览器 MCP 的本质区别就一句：不新起浏览器，接管你现在正在用的这个。

和 Playwright 式 MCP 比，差在哪

最典型的替代方案是启动 Playwright 无头浏览器的 MCP 服务器，放到真实场景里对比：

场景	Playwright 式 MCP	mcp-chrome
浏览器实例	需下载浏览器二进制、启动独立进程	直接用已打开的 Chrome，不新增进程
登录状态	干净环境，需重新登录或手动注入 cookies	直接复用已登录账号的会话
API 范围	受限于 Playwright 暴露的能力	Chrome 原生 API 全量可用（tabs、debugger、webRequest、bookmarks、history）
启动	需要拉起浏览器进程	加载扩展并点一下连接即可用

落到具体操作上：打开页面、登录、等加载这几步省掉了，AI 直接在你当前的标签页状态上继续干活。工具的实现在 app/chrome-extension/ 里，可以逐工具看代码。

🔌 最短路跑通

前置要求：Node.js ≥ 20；Chrome 或 Chromium；pnpm（npm 亦可）。

克隆仓库并构建扩展：

git clone https://gitcode.com/gh_mirrors/mc/mcp-chrome cd mcp-chrome pnpm install # 安装全部依赖 pnpm build # 构建扩展与本地桥接服务

安装 MCP 桥接包，它会自动注册 Native Messaging 清单：

npm install -g mcp-chrome-bridge

然后加载扩展：打开chrome://extensions/，开启"开发者模式"，点"加载已解压的扩展程序"，选择app/chrome-extension/.output/chrome-mv3。点击扩展图标进入"连接"，看到本地服务状态正常即构建完成。

最后把下面这段加进支持 MCP 协议的客户端配置（streamable HTTP，官方推荐方式）：

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

连不上就先跑mcp-chrome-bridge doctor自动诊断，常见问题汇总在 docs/TROUBLESHOOTING_zh.md。

🎯 配通之后它能干哪些事

项目内置 20 多个工具（完整清单见 docs/TOOLS_zh.md），挑几个高频的：

边浏览边抓网络请求与响应体

当你需要逆向某个站点的接口时，直接说"我想知道搜索接口是哪个、响应体结构长什么样"。chrome_network_debugger_start/chrome_network_debugger_stop走 debugger API 抓包，连响应体都能读到，这是只有 webRequest API 的方案做不到的。

提取网页正文不写爬虫

当你需要总结长文或从页面抓关键信息时，chrome_get_web_content直接拿当前页面的 HTML/文本。想跨标签页找内容用search_tabs_content，它内置本地向量库和sentence-transformers 小模型做语义搜索，向量运算经过 WebAssembly SIMD 优化（官方架构文档给出的数据是提速 4-8 倍），内容不出本机。

免登录批量填表与页面操作

当你需要AI走登录流程或连续填表时，chrome_navigate到页面、chrome_fill_or_select填字段、chrome_click_element点击、chrome_keyboard模拟快捷键，整套操作复用现有浏览器的登录态和配置，不用为每个任务单独维护一套账号会话。