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

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

MCP 插件 browser-tools-mcp 的配置流程。包含环境准备、服务安装启动、浏览器插件配置及 Cline 服务配置步骤。最终实现浏览器端调试工具增加插件页面的效果。

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

1. 环境配置

# 确保已安装 Python 和 Node.js
mkdir "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"
cd "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .

2. MCP 服务安装启动

cd "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]

参考官方文档: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": ["d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"],
    "disabled": false,
    "autoApprove": []
  }
}

5. 最终效果

浏览器端调试工具增加了插件页面。

最终效果

最终效果

最终效果

目录

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

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

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

更多推荐文章

查看全部
  • 基于单片机的智能家居监控系统设计与实现
  • Llama Factory 如何减少模型训练碳足迹
  • macOS 微信双开与多开脚本教程(支持 4.X 及以上版本)
  • Coze 与 Dify 对比:AI 智能体开发平台选型指南
  • 基于DamoFD-0.5G的AR虚拟试妆系统
  • MAX4466 模拟麦克风语音前端放大电路设计与调试
  • 基于大疆 MSDK 的无人机视觉引导自适应降落实现
  • 无人机仿真与强化学习的终极指南:gym-pybullet-drones项目深度解析
  • Spring Web 模块核心概念与 RESTful API 调用实践
  • 汽车雷达多径环境下幽灵目标检测技术解析
  • Mac 基于 LLaMA Factory 微调模型并导入 Ollama 实践
  • 基于大疆 MSDK 实现的无人机视觉引导自适应降落功能
  • AI 辅助游戏开发:使用 DeepSeek 构建贪吃蛇游戏
  • 谷歌AI Gemin怎么使用?Gemini国内使用指南!
  • 基于 DeepSeek V3.2 构建企业级 Text-to-SQL 专家系统
  • 多模态知识图谱增强多模态推理能力(ACL2024)
  • 基于C++构建DeepSeek大模型推理SDK:架构设计与工程实践
  • C++ AIGC 吞吐量优化实战:编译与运行时技巧提升 300%
  • Python 容器性能优化:列表、集合与字典的高效用法
  • 基于 C++ 的第三方 SDK 封装实践:ASR 与短信服务

相关免费在线工具

  • 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