环境准备
在开始之前，请确保本地已安装 Python 和 Node.js。接着创建 MCP 插件目录并克隆仓库。
mkdir C:\Users\<用户名>\Documents\Cline\MCP\browser-tools-mcp
cd C:\Users\<用户名>\Documents\Cline\MCP\browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .
服务安装与启动
进入目录后，使用 npm 安装依赖并启动服务。注意命令中的版本号需与实际一致。
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
官方文档提供了详细的安装指引，建议参考 安装文档。
![截图：安装界面]
浏览器插件配置
下载并安装对应的浏览器扩展程序。
下载地址：BrowserTools-1.2.0-extension.zip
安装完成后，插件页面会出现在浏览器工具栏中。
![截图：插件安装完成]
Cline 服务配置
在 Cline 的配置文件中添加以下 JSON 片段，指向本地启动的 MCP 服务。
{
"browser-tools-mcp": {
"command": "node",
"args": [
"d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"
],
"disabled": false,
"autoApprove": []
}
}
*注意：args 中的路径请根据实际项目位置修改。
最终效果
配置成功后，浏览器端调试工具将增加插件页面，支持通过 AI 助手直接调用浏览器功能。
![截图：最终效果展示]