3步把日常Chrome接入AI:Chrome MCP Server(浏览器自动化MCP服务器)

发布时间:2026/11/3 2:34:21
3步把日常Chrome接入AI:Chrome MCP Server(浏览器自动化MCP服务器) 3步把日常Chrome接入AIChrome 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 MessagingChrome 与外部本地程序之间的通信通道连上本地服务AI 客户端再通过 streamable HTTP一种基于 HTTP 的长连接方式接入这个服务。整套链路全部本地运行页面内容不走第三方中转。它和最常见的 Playwright 系浏览器 MCP 的本质区别就一句不新起浏览器接管你现在正在用的这个。和 Playwright 式 MCP 比差在哪最典型的替代方案是启动 Playwright 无头浏览器的 MCP 服务器放到真实场景里对比场景Playwright 式 MCPmcp-chrome浏览器实例需下载浏览器二进制、启动独立进程直接用已打开的 Chrome不新增进程登录状态干净环境需重新登录或手动注入 cookies直接复用已登录账号的会话API 范围受限于 Playwright 暴露的能力Chrome 原生 API 全量可用tabs、debugger、webRequest、bookmarks、history启动需要拉起浏览器进程加载扩展并点一下连接即可用落到具体操作上打开页面、登录、等加载这几步省掉了AI 直接在你当前的标签页状态上继续干活。工具的实现在 app/chrome-extension/ 里可以逐工具看代码。 最短路跑通前置要求Node.js ≥ 20Chrome 或 Chromiumpnpmnpm 亦可。克隆仓库并构建扩展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模拟快捷键整套操作复用现有浏览器的登录态和配置不用为每个任务单独维护一套账号会话。让AI整理书签和浏览历史当你想把书签归类说把当前页面加到合适的文件夹即可chrome_bookmark_search/chrome_bookmark_add负责查找与归档chrome_history支持按时间范围过滤浏览记录可以直接让AI分析我近一个月的浏览记录。项目自述仍处于早期阶段roadmap 上值得留意的两项是身份认证和录制回放。跑通之后建议先试的第一件事打开一篇长文让AI总结当前页面并画张图。【免费下载链接】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辅助生成(AIGC),仅供参考

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询