MCP 插件配置指南：browser-tools-mcp 示例

1. 环境配置（以 Browser Tools 为例）

# 安装 Node.js
# 创建目录
mkdir <project_path>/MCP/browser-tools-mcp
# 克隆仓库
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git <project_path>/MCP/browser-tools-mcp

2. MCP 服务安装启动

cd <project_path>/MCP/browser-tools-mcp
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]

参考官方文档：https://browsertools.agentdesk.ai/installation

3. 浏览器插件配置

下载插件：BrowserTools-1.2.0-extension.zip

（此处展示浏览器扩展安装界面截图）

4. Cline 服务配置

在配置文件中添加以下设置：

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

5. 最终效果

浏览器端调试工具增加了插件页面，可在浏览器中查看调试信息。