MCP 插件配置指南以 browser-tools-mcp 为例，涵盖环境准备、服务安装启动、浏览器插件配置及 Cline 服务配置步骤。通过 Node.js 环境搭建与 npm 包管理完成服务端部署，结合官方扩展实现浏览器调试功能集成。最终在 Cline 中启用该 MCP 工具，增强 AI 代理对浏览器操作的控制能力，提供完整的本地化开发调试解决方案。
安装 Python 和 Node.js 环境，并创建项目目录。
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 安装依赖并启动服务。
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
参考官方文档：https://browsertools.agentdesk.ai/installation
下载并安装 Browser Tools 扩展。
下载地址：
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
生成新的随机RSA私钥和公钥pem证书。 在线工具，RSA密钥对生成器在线工具，online
基于 Mermaid.js 实时预览流程图、时序图等图表，支持源码编辑与即时渲染。 在线工具，Mermaid 预览与可视化编辑在线工具，online
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具，Keycode 信息在线工具，online
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。 在线工具，Escape 与 Native 编解码在线工具，online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具，JavaScript / HTML 格式化在线工具，online
Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。 在线工具，JavaScript 压缩与混淆在线工具，online
在 Cline 配置文件中添加以下 MCP 服务定义。
{
"browser-tools-mcp": {
"command": "node",
"args": ["<path>/browser-tools-mcp/dist/mcp-server.js"],
"disabled": false,
"autoApprove": []
}
}
请将 <path> 替换为实际的项目路径。
浏览器端调试工具将增加插件页面，支持 AI 代理进行浏览器操作。
