1. 环境配置
安装 Python 和 Node.js 环境。
mkdir C:\Users\<username>\Documents\Cline\MCP\browser-tools-mcp
cd C:\Users\<username>\Documents\Cline\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]
详细安装步骤可参考官方文档:Installation
3. 浏览器插件配置
下载并安装浏览器扩展: BrowserTools Extension
4. Cline 服务配置
在配置文件中添加以下 MCP 服务定义:
{
"browser-tools-mcp": {
"command": "node",
"args": ["<path>/browser-tools-mcp/dist/mcp-server.js"],
"disabled": false,
"autoApprove": []
}
}
5. 最终效果
浏览器端调试工具增加插件页面,支持 MCP 协议交互。


