MCP 协议集成实战：以 browser-tools-mcp 为例

浏览器插件配置

为了让 AI 能够调用浏览器能力，需要安装对应的 Chrome 扩展。下载链接如下：

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

安装后请在浏览器中启用该插件。

Cline 服务配置

接下来需要在 Cline 的配置文件中注册这个 MCP 服务。将以下 JSON 片段添加到你的 config.json 或对应配置项中。

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

注意路径需根据实际安装位置调整，Windows 下建议使用正斜杠或转义反斜杠。

效果验证

配置完成后重启 Cline，浏览器端调试工具应增加插件页面，此时即可通过 AI 助手直接操作浏览器进行调试。