基于 browser-tools-mcp 的 MCP 插件配置实战

环境准备

在开始之前，确保本地已安装 Python 和 Node.js 环境。我们需要创建一个目录来存放 MCP 服务文件。

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 安装依赖并启动服务。这里以 v1.2.0 版本为例：

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

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

浏览器插件配置

下载并安装对应的浏览器扩展程序，以便与 MCP 服务通信。

下载地址：BrowserTools Extension

Cline 服务配置

在 Cline 的配置文件中添加以下 MCP 服务定义。注意将路径替换为你实际的项目路径。

{
  "browser-tools-mcp": {
    "command": "node",
    "args": ["<your_project_path>/browser-tools-mcp/dist/mcp-server.js"],
    "disabled":