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. 浏览器插件配置
下载并安装浏览器扩展:
[图片:插件安装界面]
4. Cline 服务配置
在 Cline 配置文件中添加如下内容:
{
"browser-tools-mcp": {
"command": "node",
"args": ["<path>/browser-tools-mcp/dist/mcp-server.js"],
"disabled": false,
"autoApprove": []
}
}
5. 最终效果
浏览器端调试工具增加插件页面,可正常显示。
[图片:插件页面展示]
[图片:调试功能展示]


