本文目录
本文将完整记录如何通过 Claude 桌面版，结合 MCP（Model Context Protocol）协议，实现本地浏览器自动化控制。包括环境配置、插件安装、MCP 接入和实际测试等全过程，适合开发者和技术爱好者参考。
一、安装 Claude 桌面版
- 访问 Claude 官网：https://claude.ai/
- 下载桌面客户端（支持 macOS 和 Windows 系统）
- 安装并登录 Claude 账户（推荐使用 Pro 或 Team 版本以支持 MCP）
二、安装 Node.js 与 Git（用于运行 MCP 工具）
Node.js 安装：
- 访问 https://nodejs.org/
- 下载并安装 LTS 版本
- 安装成功后，打开命令行输入：
node -v npm -v
Git 安装：
- 访问 https://git-scm.com/
- 下载并安装后，在命令行输入：
git --version
三、配置 Claude 的 Filesystem MCP（测试用）
- 在任意位置创建 MCP 目录：
D:\mcp - 打开 Claude 设置 > Developer > Edit Config，添加如下内容：
{
"mcpServers": {
"filesystem": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-filesystem", "D:\\mcp", "D:\\mcp\\Downloads"]
}
}
}
- 重启 Claude，输入“请在 D:\mcp\ 下创建一个 test.txt 文件，内容为‘MCP 写入测试’”，确认是否能写入成功 MCP 工具是否成功。
四、引入浏览器控制：browser-control-mcp + Firefox 插件
Step 1：克隆项目源码
git clone https://github.com/eyalzh/browser-control-mcp.git
cd browser-control-mcp
npm install
npm install --prefix mcp-server
npm install --prefix firefox-extension
Step 2：构建扩展
npm run build
构建完成后，扩展位于：
firefox-extension/
Step 3：加载临时扩展
- 打开 Firefox，访问
about:debugging - 点击“此 Firefox” > “加载临时附加组件”
- 选择
firefox-extension/manifest.json - 插件加载成功后，复制其显示的 EXTENSION_SECRET（插件密钥）
Step 4：配置 Claude MCP
打开配置文件 claude_desktop_config.json，合并添加如下配置：
{
"mcpServers": {
"filesystem": {...},
"browser-control": {
"command": "node",
"args": ["C:/Users/你的用户名/browser-control-mcp/mcp-server/dist/server.js"],
"env": {
"EXTENSION_SECRET": "复制的密钥"
}
}
}
}
Step 5：运行 MCP Server
cd browser-control-mcp/mcp-server
yarn build # 或 npm run build
node dist/server.js
五、在 Claude 中尝试浏览器控制
在 Claude 聊天框中输入：
请在浏览器中打开 https://www.baidu.com，并点击搜索框。
如果配置正确，Firefox 将响应 Claude 指令执行页面操作。
六、总结与建议
- 当前 Claude 官方仅支持 MCP 临时扩展方式，永久扩展需使用 Developer Edition 或自行签名
- 推荐用临时插件方式进行调试测试，确保 MCP 工具链可用
- 若需多浏览器支持，可关注其他 MCP 项目或 Browserbase 平台
如需进一步扩展 Claude 与其他本地服务的联动（如数据库、文件系统、爬虫等），可基于 MCP 架构自定义更多工具。祝你 Claude 玩得开心！
