这是一篇为你准备的 BrowserMCP 上手普及教程。

🚀 让 AI 长出“眼睛”和“手”：BrowserMCP 新手指南

你是否想过，如果你常用的 AI 助手（比如 Cursor 或 Claude Desktop）不仅能写代码、陪聊天，还能直接控制你的浏览器去查资料、填表格、或者抓取网页数据，那该多方便？

BrowserMCP 就是为此而生的工具。它像一座桥梁，连接了你的 AI 助手和 Chrome 浏览器，让 AI 能够通过浏览器去“看”世界并执行操作。

🛠️ 准备工作

在开始之前，请确保你已经安装了以下软件：

Node.js：这是运行服务的地基（必须安装）。
支持 MCP 的 AI 工具：目前支持 Cursor、Claude Desktop、Windsurf 或 VS Code。
Chrome 浏览器（或 Chromium 内核浏览器）。

⚡️ 三步快速上手

第一步：配置“大脑” (MCP Server)

首先，我们需要告诉你的 AI 工具如何连接到 BrowserMCP 服务。这里以 Cursor 为例（Claude Desktop 同理）：
打开 Cursor 设置面板。
找到 "Tools" (工具) 标签页。
点击 "New MCP server" (新建 MCP 服务)。
在配置框中填入以下信息：

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

点击保存/刷新。AI 现在已经准备好发送指令了。

第二步：安装“双手” (浏览器插件)

接下来，我们需要在浏览器里装一个“接收器”，执行 AI 发来的命令。

前往 BrowserMCP 官网或插件商店，安装 Browser MCP 扩展。

📌 关键一步：安装后，建议将插件图标固定 (Pin) 在浏览器工具栏上，方便操作。

点击浏览器右上角的 Browser MCP 图标。
点击 “Connect” (连接) 按钮。
注意：这一步是将当前标签页与 AI 连接。之后所有的操作都会在这个标签页进行。

第三步：见证魔法 (开始自动化)
一切就绪！现在回到你的 AI 工具（比如 Cursor 的 Chat 界面），像平常说话一样下达指令：

用户：打开 Google，搜索“Browser MCP”并告诉我搜索结果的第一条是什么。

幕后发生了什么？

Cursor 通过 MCP 协议把你的话传给本地运行的 Server。

Server 将指令翻译给浏览器插件。

浏览器插件自动跳转 Google，输入文字，点击搜索。
插件读取网页内容，传回给 Cursor。
Cursor 总结内容回复你。

💡 使用小贴士

能做什么？

“帮我总结一下这个网页的内容。”

“去 GitHub 看看这个项目的最新 Issue 是什么。”

“帮我填好这个测试表单（需提供数据）。”

现在，你的 AI 已经不再被困在聊天框里了，快去试试让它去互联网上冲浪吧！🌊

视频展示