/ 目录 / 演练场 / mcp
● 社区 BrowserMCP ⚡ 即开即用

mcp

作者 BrowserMCP · BrowserMCP/mcp

Browser MCP 通过 Chrome 扩展控制你的真实浏览器 — 你已登录的会话、你的 Cookie、真实指纹,无法被检测为机器人。

Browser MCP (BrowserMCP/mcp) 是 MCP 服务器加 Chrome 扩展,让 Claude 驱动你正在使用的浏览器。因为它依赖你的真实资料,你能绕过认证墙、规避机器人检测、保持活动本地。相比 Playwright,自动化隔离度较低,但真实用户体验更强。

为什么要用

核心特性

实时演示

实际使用效果

mcp.replay ▶ 就绪
0/0

安装

选择你的客户端

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

打开 Claude Desktop → Settings → Developer → Edit Config。保存后重启应用。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用与 Claude Desktop 相同的 mcpServers 格式。项目级配置优先于全局。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

点击 Cline 侧栏中的 MCP Servers 图标,然后选 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

格式与 Claude Desktop 相同。重启 Windsurf 生效。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "mcp",
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ]
    }
  ]
}

Continue 使用服务器对象数组,而非映射。

~/.config/zed/settings.json
{
  "context_servers": {
    "mcp": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "mcp"
        ]
      }
    }
  }
}

加入 context_servers。Zed 保存后热重载。

claude mcp add mcp -- npx -y mcp

一行命令搞定。用 claude mcp list 验证,claude mcp remove 卸载。

使用场景

实战用法: mcp

自动化需要真实网络登录的任务(Gmail、管理面板)

👤 生产力高手、运维人员 ⏱ ~15 min intermediate

何时使用: 某个服务没有 API,你通过 SSO 登录了 — 你想让 Claude 在那个标签页做重复工作。

前置条件
  • 安装了 Chrome + Browser MCP 扩展 — docs.browsermcp.io → 安装扩展
步骤
  1. 授予扩展对目标标签页的访问权限
    打开管理面板标签页,点击 Browser MCP 扩展图标,允许此标签页。✓ 已复制
    → 扩展显示'已连接'
  2. 委托任务
    在管理面板中:找到邮箱为 X 的用户,将其计划改为'Pro',截图确认。✓ 已复制
    → 任务完成,带有视觉证明

结果: 重复的管理操作通过聊天完成,零 API 集成工作。

注意事项
  • 运行你不想要的操作 — 这是你的真实账户 — 提示要准确;MCP 无法撤销。先在测试账户上测试

从阻止无头爬虫的网站提取数据

👤 研究人员、分析师 ⏱ ~15 min intermediate

何时使用: 你被允许以编程方式读取的网站阻止了 Playwright/Selenium 的指纹。

步骤
  1. 如果需要,先手动导航
    Browser MCP 使用你打开的标签页;导航到目标,然后请我读取它✓ 已复制
    → 正确的标签页是活跃的
  2. 提取结构化数据
    读取此页面上的结果表,并以 JSON 格式返回,列为 [name, date, value]✓ 已复制
    → 结构化数据

结果: 你无法通过无头工具获得的数据,通过你的正常浏览器会话获得。

注意事项
  • 大规模使用此功能爬取违反网站服务条款的数据 — 保持在人类会产生的速率限制内;尊重 robots.txt
搭配使用: filesystem

在你的真实浏览器中重现用户 bug

👤 支持工程师 ⏱ ~10 min beginner

何时使用: 客户报告 bug;你想在自己已登录的会话中复制他们的确切点击路径来查看。

步骤
  1. 重放报告的步骤
    在应用标签页中重现此用户的流程:login → Settings → toggle X → save。报告发生的情况和任何控制台错误。✓ 已复制
    → 重现结果及错误

结果: 比视频往返快速得多的支持分流。

搭配使用: sentry

组合

与其他 MCP 搭配,撬动十倍杠杆

将爬取的数据保存到磁盘

提取此页面上的表格,并保存为 ./exports/{hostname}-{date}.csv。✓ 已复制
mcp + sentry

重现与 Sentry 事件关联的用户 bug

Sentry 事件 XYZ 显示面包屑 [open, click, save]。在我的当前标签页中重放它们并比较结果。✓ 已复制

工具

此 MCP 暴露的能力

工具输入参数何时调用成本
browser_navigate url: str 导航当前标签页 0
browser_snapshot 查看结构化页面内容 0
browser_click ref or selector 点击元素 0
browser_type ref, text 填充输入框 0
browser_screenshot fullPage? 捕获状态 0

成本与限制

运行它的成本

API 配额
无 — 本地运行
每次调用 Token 数
快照 500-3000
费用
免费
提示
对于操作,优先使用基于快照的引用而不是屏幕截图 — 更便宜且更可靠

安全

权限、密钥、影响范围

凭据存储: 使用你真实浏览器的 Cookie — 这些和你的会话一样敏感
数据出站: 标签页连接到你导航的任何地方;无遥测

故障排查

常见错误与修复

扩展显示'未连接'

点击目标标签页中的扩展图标并允许;连接是按标签页的

验证: 徽章显示绿色
在 SPA 上操作无效

先取快照 — SPA 通常需要等待元素才能交互

网站仍然检测到自动化

罕见 — 禁用修改 navigator 属性的其他扩展;重新启动浏览器

替代方案

mcp 对比其他方案

替代方案何时用它替代权衡
Playwright MCP你想要隔离的、可脚本化的、CI 友好的浏览器自动化无真实会话访问;更容易被检测为机器人
Puppeteer MCP仅 Chromium 无头控制与 Playwright 相同的权衡,表面积更小

更多

资源

📖 阅读 GitHub 上的官方 README

🐙 查看未解决的 issue

🔍 浏览全部 400+ MCP 服务器和 Skills