mcp-browser-agent
🤖 MCP Browser Agent
让 AI Agent(Claude/GPT)像人一样操作浏览器。 Let AI agents control the browser just like a human.
📋 工具清单(30 个)
🧭 导航类
工具 | 说明 |
| 打开网页并截图(支持全页截图) |
| 获取当前页面 URL |
| 获取页面标题 |
| 获取 HTML 源码 |
| 刷新页面 |
| 后退 |
| 前进 |
| 导出当前页面为 PDF |
🖱️ 交互类
工具 | 说明 |
| 点击元素(CSS 选择器、文本、右键) |
| 填写输入框(模拟真实输入) |
| 清空输入框 |
| 下拉列表选择(value/label/index) |
| 键盘按键(Enter/Escape/Tab/组合键) |
| 鼠标悬停 |
| 提交表单 |
| 滚动(上/下/到顶/到底/到元素) |
| 拖拽元素 |
📝 提取类
工具 | 说明 |
| 提取文字内容(支持选择器和属性) |
| 执行自定义 JavaScript |
| 截取指定元素的截图 |
| 获取 Cookie |
| 删除 Cookie |
📑 标签页管理
工具 | 说明 |
| 打开新标签页 |
| 切换到指定标签页 |
| 关闭标签页 |
⚡ 高级功能
工具 | 说明 |
| 等待(时间或元素出现/消失) |
| 切换 iframe 上下文 |
| 获取控制台日志 |
| 重置浏览器实例 |
| 关闭当前页面 |
🚀 快速开始
前提
Node.js >= 18
(推荐)Claude Desktop / Cursor / 任何支持 MCP 的客户端
快速使用
# 全局安装(推荐)
npm install -g @yubao2000/mcp-browser-agent
# 启动服务
mcp-browse-agent在 Claude Desktop 中配置
找到配置文件 claude_desktop_config.json:
平台 | 路径 |
Windows |
|
macOS |
|
Linux |
|
💡 找不到文件? 打开 Claude Desktop → 点 Developer(开发者)→ Edit MCP Config(编辑 MCP 配置),会自动打开或创建这个文件。
将以下内容填入:
{
"mcpServers": {
"browser-agent": {
"command": "mcp-browse-agent",
"args": []
}
}
}配置完成后,直接对 Claude 说:
"帮我打开百度首页,截图给我看"
"搜索 'MCP 协议',把搜索结果提取出来"
"帮我登录 Gmail,填上用户名和密码,点击登录"
在 Cursor 中配置
打开 Cursor → 设置 → Features → MCP Servers → Add New MCP Server:
字段 | 填什么 |
Name |
|
Type |
|
Command |
|
Arguments | 留空 |
或者直接在项目下创建 .cursor/mcp.json 文件:
{
"mcpServers": {
"browser-agent": {
"command": "mcp-browse-agent",
"args": []
}
}
}配置后在 Cursor 中使用 ⌘ . 或 Ctrl . 打开 MCP 面板,选择 browser-agent 即可:
"帮我打开百度首页,截图给我看"
"提取当前页面的所有链接"
在 OpenAI Codex 中配置
编辑 ~/.codex/config.toml:
[mcp_servers.browser-agent]
command = "mcp-browse-agent"
args = []配置后在 Codex 会话中使用 /mcp 确认服务已加载:
"帮我打开百度首页,截图给我看"
"帮我提取当前页面的文字内容"
💡 提示: 在 Codex 中使用
/mcp列出所有配置的 MCP 服务,/mcp verbose查看详细状态。
🛠 配置文件
项目支持 .mcp-browser.json 配置文件(放在项目目录或用户目录 ~/.mcp-browser.json):
{
"dataDir": "./.browser-data",
"viewport": { "width": 1280, "height": 800 },
"headless": true,
"defaultTimeout": 30000,
"chromePath": null
}环境变量也可配置:
BROWSER_DATA_DIR— 数据目录(Cookie 等)MCP_BROWSER_CONFIG— 配置文件路径MCP_PRO_LICENSE— Pro 版 License Key
👁️ 显示浏览器窗口(调试/过验证码)
默认浏览器在后台运行(不可见)。如果需要看到浏览器窗口:
# 方式 1:环境变量
SHOW_BROWSER=true mcp-browse-agent
# 方式 2:配置文件 .mcp-browser.json
{
"showBrowser": true
}浏览器窗口会弹出,你可以看到 AI 的每一步操作。适用于:
调试(看 AI 点了哪里、填了什么)
遇到滑动验证码时手动操作
演示/录屏
🍪 Cookie 持久化
Cookie 自动保存在 .browser-data/cookies.json。重启服务后,之前登录的网站自动恢复登录态。对于需要频繁登录的网站(Gmail、知乎、小红书等),只需登录一次。
📦 本地开发
git clone https://github.com/yubao2000/mcp-browser-server.git
cd mcp-browser-server
npm install
npm run build
npm start💰 Pro 版
功能 | 免费版 | Pro 版 ($9.9/月) | 终身版 ($99) |
全部 34 个工具 | ✅ | ✅ | ✅ |
Cookie 持久化 | ✅ | ✅ | ✅ |
标签页管理 | ✅ | ✅ | ✅ |
批量自动化(CSV 驱动) | ❌ | ✅ 100条/次 | ✅ 100条/次 |
多标签页并发 | 1个 | 10个 | 10个 |
Cookie 加密备份 | ❌ | ✅ | ✅ |
JSON/CSV 数据导出 | ❌ | ✅ | ✅ |
企业级技术支持 | ❌ | ✅ | ✅ |
永久免费升级 | ❌ | ❌ | ✅ |
Pro 版即将推出。订阅通知获取早鸟优惠!
🤝 贡献
欢迎 Star、Issue、PR!
📄 License
MIT
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/yubao2000/mcp-browser-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server