mcp
将云端浏览器自动化能力封装为 MCP 协议工具,让 AI 模型通过标准化接口完成网页抓取、内容提取和
加载项目详情…
本应用为开源项目,仅供学习研究,请遵守其开源协议。
将云端浏览器自动化能力封装为 MCP 协议工具,让 AI 模型通过标准化接口完成网页抓取、内容提取和
加载项目详情…
本应用为开源项目,仅供学习研究,请遵守其开源协议。
想象这样的场景:你的 AI 助手需要帮用户完成一个看似简单的任务——"去这个招聘网站抓取所有 Python 工程师的岗位信息"。传统方案要么依赖爬虫框架写一堆正则表达式,要么让 AI 用 Playwright 直接控制浏览器——但后者意味着你得自己维护浏览器环境、处理反爬机制、截图OCR……一团乱麻。
Hyperbrowser MCP Server 解决的就是这个核心矛盾:让 AI 模型通过统一的协议接口,调用 Hyperbrowser 的云端浏览器能力,完成网页抓取、内容提取、结构化数据抽取等任务,而无需关心底层实现。
简单说,这是一个 MCP(Model Context Protocol)协议的服务器实现,它把 Hyperbrowser 的网页自动化能力,包装成了 AI 模型可以理解、可以调用的"工具集"。
Hyperbrowser 是由 hyperbrowserai 团队开发的产品,定位为"面向 AI 的浏览器自动化平台"。GitHub 仓库 hyperbrowserai/mcp 目前 769 Stars、69 Forks,采用 MIT 许可证,使用 TypeScript 开发。
MCP 协议由 Anthropic 主导推动,是一个开放标准,旨在让 AI 模型与各类外部工具、数据源建立标准化通信。Hyperbrowser 团队率先将浏览器自动化能力接入 MCP 生态,形成了一套完整的"AI + 浏览器"解决方案。
该项目提供 9 个 MCP 工具,按功能可分为三类:
第一类:内容提取工具(面向数据采集)
scrape_webpage:提取网页格式化内容(支持 markdown、HTML、链接列表、截图)crawl_webpages:批量爬取多个关联页面并提取 LLM 友好的内容extract_structured_data:将混乱的 HTML 转换为结构化 JSON,这是核心亮点第二类:AI 浏览器 Agent 工具(面向复杂任务)
browser_use_agent:轻量级开源浏览器自动化 Agent,速度快、成本低,适合明确指令的简单任务openai_computer_use_agent:接入 OpenAI CUA(Computer Use Agent)模型claude_computer_use_agent:接入 Claude Computer Use 模型,适合复杂多步浏览器操作第三类:会话管理工具(面向持续性任务)
create_profile:创建持久化浏览器 Profile(保留 cookies、登录状态等)delete_profile:删除 Profilelist_profiles:列出已有 Profile从源码来看,项目结构清晰:
src/
server.ts # 入口,支持 stdio 和 SSE 两种传输协议
common.ts # 版本和名称常量
utils.ts # 工具函数(getClient 等)
resources/ # MCP 资源端点(静态文档 + 动态资源)
tools/ # 9 个工具实现(每个工具一个文件)
transports/
stdio.ts # 标准 I/O 传输(CLI 模式)
sse.ts # Server-Sent Events 传输(HTTP 模式,含 API Key 认证)
传输层双模式:
SSE 传输层值得特别关注:它实现了完整的 Bearer Token 认证,基于 MCP SDK 的 requireBearerAuth 中间件,支持通过 Hyperbrowser API /api/me 端点验证 API Key,并内置了 5 分钟缓存。
依赖栈:
@modelcontextprotocol/sdk:MCP 协议官方 SDK(v1.12.0)@hyperbrowser/sdk:Hyperbrowser 浏览器自动化客户端(v0.48.1)express:SSE 模式下的 HTTP 框架axios:HTTP 客户端zod + ajv:参数校验(JSON Schema 验证)dotenv:环境变量管理openai:接入 OpenAI CUA方式一:npx 一键启动(最简)
npx hyperbrowser-mcp <YOUR-HYPERBROWSER-API-KEY>
Node.js >= 18 即可,无需其他配置。
方式二:源码构建
git clone git@github.com:hyperbrowserai/mcp.git
cd hyperbrowser-mcp
npm install && npm run build
node dist/server.js
方式三:Docker
项目包含 Dockerfile,基于 node:lts-alpine,构建后运行 dist/server.js。Smithery.ai 平台也提供了自动化的 Docker 部署配置。
方式四:集成到 IDE
~/.cursor/mcp.json 添加配置./codeium/windsurf/model_config.json 添加配置所有方式都需要配置 HYPERBROWSER_API_KEY,可在 hyperbrowser.ai 免费注册获取。
优点:
局限与风险:
MCP 协议正在成为 AI 时代"工具调用"的事实标准。Anthropic、OpenAI 等头部厂商都在推动各自生态的 MCP 支持。Hyperbrowser MCP Server 填补了"浏览器自动化"这一重要工具类别的空白——当 AI 需要操作网页时,不再需要调用复杂的 Playwright 或 Puppeteer 脚本,只需调用一个标准化的 MCP 工具。
这个项目代表了 AI 应用发展的一个趋势:工具标准化 + 云端化。未来的 AI Agent 可能不再需要本地安装各种 SDK,而是通过协议层连接云端服务能力。
| 维度 | 评分/说明 |
|---|---|
| 功能完整性 | ⭐⭐⭐⭐⭐ 9个工具,覆盖主流场景 |
| 部署便捷性 | ⭐⭐⭐⭐⭐ npx/Docker多方式,门槛低 |
| 架构质量 | ⭐⭐⭐⭐ TypeScript + 模块化,代码清晰 |
| 文档质量 | ⭐⭐⭐⭐ README 详细,Smithery 集成 |
| 商业依赖 | ⚠️ 强依赖 Hyperbrowser 云平台 |
| 适用人群 | AI 开发者、Agent 构建者、爬虫工程师 |
如果你正在构建需要"看网页"的 AI 应用,Hyperbrowser MCP Server 是一个值得纳入技术选型列表的选项。它将浏览器自动化封装为标准化工具,降低了 AI + 浏览器场景的开发门槛,虽然商业依赖是一个考量因素,但其架构设计和工具完整性都值得肯定。