MCP 插件实战：Browser Tools 集成指南
在 Cline 中接入浏览器控制能力，最直接的方案就是利用 Model Context Protocol (MCP)。今天以 browser-tools-mcp 为例，梳理从环境搭建到服务配置的全流程。
1. 环境准备
确保本地已安装 Python 和 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 .
2. 安装与服务启动
进入目录执行依赖安装，随后启动服务。注意版本号需与实际发布一致，这里以 1.2.0 为例：
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
官方文档提供了更详细的说明，遇到端口冲突或权限错误时可查阅：Installation Guide
![浏览器工具界面] (https://qiniu.meowparty.cn/coder.2023/2026-03-15/ada1921bc0fb490fa4cf8210a1197167.png)
![服务运行状态] (https://qiniu.meowparty.cn/coder.2023/2026-03-15/8f5a4e46813c4b84a2b18fb0db94b64d.png)
3. 浏览器插件配置
下载并安装对应的浏览器扩展，这一步是连接前端的关键：
安装完成后，在浏览器侧边栏即可看到工具入口。
![插件加载效果] (https://qiniu.meowparty.cn/coder.2023/2026-03-15/5eb55af77c6c4fab8c37cd633c613f7b.png)
4. Cline 服务配置
在 Cline 的配置文件中添加以下 MCP 定义。请根据实际路径调整 args 中的绝对路径，Windows 用户注意转义反斜杠：
{
"browser-tools-mcp": {
"command": "node",
"args"
