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

一、环境准备

首先需要确认本地开发环境已就绪，主要涉及 Python 和 Node.js。

# 检查版本
python --version
node -v

准备好后，创建 MCP 插件的工作目录并克隆仓库。这里以 Windows 路径为例，Linux/Mac 请自行调整：

mkdir "%USERPROFILE%\\Documents\\Cline\\MCP\\browser-tools-mcp"
cd "%USERPROFILE%\\Documents\\Cline\\MCP\\browser-tools-mcp"
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .

二、安装与服务启动

进入项目目录后，安装依赖包并启动服务。注意版本号需与实际发布保持一致：

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

官方安装文档可参考：Browser Tools Installation。

安装过程示意： [图：终端安装日志输出] [图：服务启动状态]

三、浏览器插件配置

为了配合 MCP 服务，还需要在浏览器中安装对应的扩展程序。从 Release 页面下载对应版本的 ZIP 包：

text
https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip

解压后加载到浏览器开发者模式即可启用。

插件界面示意： [图：扩展图标显示] [图：插件设置面板]

四、Cline 服务配置

最后在 Cline 的配置文件中注册该 MCP 服务。将以下 JSON 片段加入你的 claude_desktop_config.json 或对应配置项中：

{
  "browser-tools-mcp": {
    "command": "node",
    "args": ["/path/to/browser-tools-mcp/dist/mcp-server.js"],
    "disabled":