MCP 插件配置实战：browser-tools-mcp 使用指南

环境准备

在开始之前，请确保本地已安装 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": []
  }
}

*注意： 中的路径请根据实际项目位置修改。