MCP 插件配置指南：以 browser-tools-mcp 为例
1. 环境配置
首先确保已安装 Node.js 和 Python 环境。创建项目目录并克隆仓库。
mkdir <project_dir>/browser-tools-mcp
cd <project_dir>/browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .
2. MCP 服务安装与启动
进入项目目录，安装依赖并启动服务。
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
详细安装步骤可参考官方文档：Browser Tools Installation
![图：服务启动界面]
3. 浏览器插件配置
下载浏览器扩展插件包并加载到浏览器中。
下载地址：BrowserTools Extension Release
操作指引：在浏览器扩展管理页面加载解压后的文件夹。
![图：插件加载界面]
4. Cline 服务配置
在 Cline 的配置文件中添加以下 MCP 服务定义。
{
"browser-tools-mcp": {
"command": "node",
"args": ["<project_dir>/dist/mcp-server.js"],
"disabled": false,
"autoApprove": []
}
}
5. 最终效果
配置完成后，浏览器端调试工具将增加插件页面，支持自动化交互功能。
![图：插件页面效果]
![图：调试工具集成]
![图：功能展示]
