MCP 插件配置实战：browser-tools-mcp 示例

1. 环境配置

需安装 Python 和 Node.js。

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

2. MCP 服务安装启动

cd C:\Users\<username>\Documents\Cline\MCP\browser-tools-mcp
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]

参考官方文档：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": ["d:/<username>/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"],
    "disabled": false,
    "autoApprove": []
  }
}

5. 最终效果

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