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

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

确保已安装 Python 和 Node.js。

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

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

[图片：安装过程示意] [图片：运行结果示意]

3. 浏览器插件配置

下载插件：https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip

[图片：插件安装界面]

4. Cline 服务配置

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

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

5. 最终效果

浏览器端调试工具增加了插件页面。

[图片：插件页面效果] [图片：调试功能展示] [图片：最终运行状态]