MCP 插件实战：以 browser-tools-mcp 为例集成浏览器调试工具

在开始之前，确保你的开发环境中已安装 Node.js 和 Git。我们需要创建一个目录来存放 MCP 服务，这里以 Windows 路径为例，Linux/Mac 用户请自行调整。

mkdir -p ~/mcp/browser-tools-mcp
cd ~/mcp/browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .

进入克隆后的目录，使用 npm 安装依赖并启动服务。注意命令中的版本号需与官方文档保持一致。

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

如果遇到问题，建议参考官方安装指南进行排查：browser-tools-mcp installation

启动成功后，你会看到类似以下的控制台输出，表明服务已就绪：

MCP 服务启动界面

为了让 MCP 能够调用浏览器能力，还需要安装对应的浏览器扩展。从 Release 页面下载对应版本的插件包。

安装后，在浏览器中启用该插件，确保其处于激活状态。

浏览器插件启用状态

接下来需要在 Cline 的配置文件中注册这个 MCP 服务。找到你的 cline_config.json（或类似配置文件），添加如下配置项。请根据实际安装路径修改 args 中的文件路径。

{
  "browser-tools-mcp": {
    "command": "node",
    "args": ["~/mcp/browser-tools-mcp/dist/mcp-server.js"

更多推荐文章