跳到主要内容
极客日志极客日志
首页博客AI提示词GitHub精选代理工具
搜索
|注册
博客列表
JavaScriptNode.jsAI大前端

MCP 插件配置指南:以 browser-tools-mcp 为例

介绍 MCP 插件 browser-tools-mcp 的配置流程。首先需安装 Python 和 Node.js 环境,克隆仓库并安装依赖包。接着启动 MCP 服务,下载并安装对应的浏览器扩展插件。最后在 Cline 配置中指定 node 命令及 mcp-server.js 路径。完成配置后,浏览器端调试工具将集成插件功能,实现 AI 代理对浏览器的控制与调试。

RefactorPro发布于 2026/3/16更新于 2026/4/254 浏览
MCP 插件配置指南:以 browser-tools-mcp 为例

1. 环境配置

安装 Python 和 Node.js,创建目录并克隆仓库。

mkdir <项目路径>/browser-tools-mcp
cd <项目路径>/browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .

2. MCP 服务安装启动

进入目录后安装依赖并启动服务。

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

参考官方文档:https://browsertools.agentdesk.ai/installation

![图片]

![图片]

![图片]

![图片]

![图片]

![图片]

3. 浏览器插件配置

下载并安装浏览器扩展插件。

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

![图片]

4. Cline 服务配置

在配置文件中添加以下 JSON 内容:

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

5. 最终效果

浏览器端调试工具增加插件页面,支持 AI 代理进行浏览器操作。

![图片]

![图片]

![图片]

目录

  1. 1. 环境配置
  2. 2. MCP 服务安装启动
  3. 3. 浏览器插件配置
  4. 4. Cline 服务配置
  5. 5. 最终效果
  • 💰 8折买阿里云服务器限时8折了解详情
  • 💰 8折买阿里云服务器限时8折购买
  • 🦞 5分钟部署阿里云小龙虾了解详情
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • 2026 年 AI 大语言模型评测:GPT-5.2、Claude 4.5 与国产模型对比
  • PPT 嵌入 VR 全景图:交互预览与放映实操指南
  • 汇川 RobotLab 软件常规操作指南
  • 医疗咨询机器人安全加固:Qwen3Guard-Gen-WEB 实践
  • AI 产品经理指南:面试百人后的洞察与职业建议
  • DIY 无人机电源管理:升压与降压电路设计
  • 机器人脑部药物递送三大技术路径的可转化性分析研究
  • FPGA 模块助力现代工厂实现高速数据采集与实时处理
  • Python 日常高频写法与内置函数速查
  • Java 反射与方法句柄:动态编程深度解析
  • 前端国际化最佳实践:从硬编码到专业方案
  • 复杂三维山地环境下多无人机动态避障路径规划:基于小龙虾优化算法
  • C++ 红黑树详解:原理、实现与验证
  • 开源项目 Airi:打造可定制的 AI 虚拟伴侣
  • Spring Bean 作用域、生命周期与自动装配深度解析
  • 飞书机器人通知:任务完成自动推送消息提醒用户查收结果
  • 医疗 AI 算法实战:败血症预测全流程解析
  • 前端程序员转型大模型开发指南与学习路径
  • MySQL 数据类型深度解析:选型策略与避坑指南
  • 虚幻引擎 Pico VR 开发:PicoXR 与 PicoOpenXR 插件及串流方式对比

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online