MCP 插件实战：Browser Tools 集成指南

MCP 插件实战：Browser Tools 集成指南

MCP（Model Context Protocol）让 AI 能够与外部工具交互。这里以 browser-tools-mcp 为例，演示如何将其集成到本地开发环境中。

环境准备

确保已安装 Node.js 和 Git。我们需要一个目录来存放项目文件。

# 创建目录并进入
mkdir -p ~/projects/mcp/browser-tools-mcp
cd ~/projects/mcp/browser-tools-mcp

# 克隆仓库
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .

安装依赖

使用 npm 安装核心包。注意版本匹配。

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

启动服务前，建议查阅官方文档确认最新配置：Browser Tools 安装指南

加载浏览器扩展

从发布页下载扩展包并解压。在 Chrome 或 Edge 的扩展管理页面选择'加载已解压的扩展程序'即可。

Cline 服务配置

在 Cline 的配置文件中添加以下 MCP 服务定义。请根据实际路径修改 args 中的脚本位置。

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