MCP 插件配置实战：browser-tools-mcp 集成指南

环境准备

首先确保本地已安装 Python 和 Node.js 环境。接着创建项目目录并克隆仓库，建议将路径替换为你自己的用户目录：

mkdir C:\Users\<YourUsername>\Documents\Cline\MCP\browser-tools-mcp
cd C:\Users\<YourUsername>\Documents\Cline\MCP\browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .

服务安装与启动

进入目录后，安装依赖并启动服务。这里我们指定版本以确保稳定性：

npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]

官方文档提供了更详细的安装指引，建议查阅 Installation Guide。

浏览器插件配置

下载并安装对应的浏览器扩展程序，这是实现浏览器交互的关键组件：

BrowserTools 扩展下载

安装完成后，你会在浏览器中看到新增的工具面板。

Cline 服务配置

在 Cline 的配置文件中添加以下 MCP 服务定义，注意路径需根据实际安装位置调整：

{
  "browser-tools-mcp": {
    "command": "node",
    "args": ["<Path>/browser-tools-mcp/dist/mcp-server.js"],
    "disabled": false,
    "autoApprove": []
  }
}

验证效果

配置生效后，浏览器端应能正常显示调试工具页面，此时即可通过 MCP 协议调用浏览器能力进行自动化操作。