环境准备
首先确保本地已安装 Node.js 环境。创建项目目录并克隆源码仓库，建议将路径设置在便于管理的文档目录下。
mkdir -p ~/Documents/Cline/MCP/browser-tools-mcp
cd ~/Documents/Cline/MCP/browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .
安装与服务启动
进入项目目录后，使用 npm 安装依赖包并启动服务。注意版本匹配，这里以 1.2.0 为例。
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
官方安装文档提供了更详细的说明，可参考 Browser Tools 安装指南。
浏览器插件配置
下载并安装对应的浏览器扩展程序，版本需与服务器保持一致。
下载地址：BrowserTools-1.2.0-extension.zip
Cline 服务配置
在 Cline 的配置文件中添加 MCP 服务定义。关键参数包括命令、参数列表以及自动批准策略。
{
"browser-tools-mcp": {
"command": "node",
"args": [
"<project_path>/browser-tools-mcp/dist/mcp-server.js"
],
"disabled": false,
"autoApprove": []
}
}
请将 <project_path> 替换为实际的项目绝对路径。
验证结果
配置完成后，重启 Cline 服务。检查浏览器端是否增加了调试工具页面，通常会在侧边栏看到新的入口图标。
