MCP 插件使用指南（以 browser-tools-mcp 为例）

1. 环境配置

确保本地已安装 Python 和 Node.js。

创建目录并克隆仓库：

mkdir <workspace_path>/browser-tools-mcp
cd <workspace_path>/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]

参考官方文档：Installation

[图片：安装过程截图]

[图片：运行结果截图]

3. 浏览器插件配置

下载并安装浏览器扩展：

BrowserTools Extension

[图片：插件安装界面]

4. Cline 服务配置

在 Cline 配置文件中添加如下内容：

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

5. 最终效果

浏览器端调试工具增加插件页面，可正常显示。

[图片：插件页面展示]

[图片：调试功能展示]