MCP 插件配置实战：browser-tools-mcp 集成指南

环境准备

首先确保本地已安装 Node.js 和 Git。我们需要创建一个目录来存放 MCP 服务，这里以 Windows 路径为例，Linux 或 macOS 用户请自行调整路径结构。

mkdir C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp
cd C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .

注意：如果是在其他系统，请将路径替换为对应格式。

安装并启动服务

进入项目目录后，初始化依赖并运行服务器。这里使用的是 AgentDesk 提供的官方包版本。

npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]

具体安装细节可参考官方文档：Browser Tools Installation。

浏览器插件部署

为了让 MCP 服务与浏览器交互，需要安装对应的 Chrome 扩展。从 Release 页面下载压缩包并加载到浏览器开发者模式中。

下载地址： https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip

加载完成后，插件图标应出现在浏览器右上角。

插件安装界面

Cline 配置

最后一步是将 MCP 服务注册到 Cline 的配置文件中。修改 settings.json 或 Cline 的 MCP 配置项，添加如下配置。

{
  "browser-tools-mcp": {
    "command": "node",
    "args": ["d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"],
    "disabled":