教程 · 浏览器自动化 · Browser MCP

Browser MCP 教程

按官方文档三步:Cursor 里加 @browsermcp/mcp、Chrome 装扩展并点 Connect、新对话搜 Browser MCP。本机未能点商店添加。

按官方文档 Welcome → Set up MCP server → Set up extension → Start automating 走一遍。跑通标准:扩展已 Connect,Agent 能在你正在用的 Chrome(登录态还在)里打开页面。

本机未能在商店点 Add to Chrome(系统确认框)。MCP 配置也没有写入你的 Cursor。请按官方按钮名在自己的 Chrome / Cursor 里点。

官网文档 Welcome
官网文档 Welcome

1. 在 Cursor 里加上 MCP 服务

官方要求先装 Node.js。然后打开 完整 Cursor 设置 → Tools → New MCP server,粘贴:

{
  "mcpServers": {
    "browsermcp": {
      "command": "npx",
      "args": ["@browsermcp/mcp@latest"]
    }
  }
}

点 browsermcp 旁边的刷新。官方还写了 Claude Desktop 会把 MCP 起两遍,界面报错但通常仍能用。

官方 Set up MCP server:Cursor 步骤和 Server config
官方 Set up MCP server:Cursor 步骤和 Server config

2. 安装扩展并点 Connect

  1. 用 Google Chrome 打开 browsermcp.io 点 Add to Chrome(或文档里的 Browser MCP extension 链接)
  2. 点工具栏拼图,把扩展钉上(文档图里标了 ① 拼图 ② 图钉)
  3. 点扩展图标,再点弹出层里的 Connect,把当前标签连到 MCP
官方 Set up extension:钉图标,再点 Connect
官方 Set up extension:钉图标,再点 Connect

3. 跑通一次

新开 Cursor 对话,官方试探句:

Go to google.com and search for "Browser MCP"

不要对网银、支付页开自动操作。

官方 Start automating:Run a command
官方 Start automating:Run a command

4. 翻车点

动作在本机发生。指纹是真浏览器,不是隐身。仓库目前写明核心 MCP 代码还依赖 monorepo,日常安装走官网扩展 + 客户端配置。

出处:docs.browsermcp.io · browsermcp.io · GitHub

场景里的方案

留言