跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.jsAI

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

MCP 插件配置通过 browser-tools-mcp 示例,涵盖环境准备、服务安装、插件配置及 Cline 设置步骤。涉及 Node.js 环境部署、npm 包管理及 GitHub 资源获取,最终完成浏览器调试工具集成。

全栈工匠发布于 2026/3/15更新于 2026/9/660 浏览
MCP 插件配置指南:以 browser-tools-mcp 为例

1. 环境配置(Browser Tools 为例)

需安装 Python 和 Node.js。

mkdir C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"

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]

参考官方文档: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 服务配置

{
  "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. 环境配置(Browser Tools 为例)
  2. 2. MCP 服务安装启动
  3. 3. 浏览器插件配置
  4. 4. Cline 服务配置
  5. 5. 最终效果

更多推荐文章

查看全部
  • ESP32 无人机远程识别方案:ArduRemoteID 技术架构与实战
  • 6GB 显存部署腾讯混元 Image-2.1 GGUF 版实现 2K 生图
  • 论文解读:利用人类反馈训练语言模型遵循指令
  • Stable Diffusion 模型下载工具实战指南
  • BFS 实现拓扑排序:原理与 LeetCode 实战
  • Spring Boot 3.x 新特性解析:Java 17 支持与 GraalVM 原生镜像
  • AI 大模型 40 年发展历程与未来统一趋势研究
  • 无人机视角山区泥石流与滑坡图像识别数据集
  • 基于数据增强与物理信息神经网络的湖泊水位预测研究
  • 本地部署 Apache Answer 问答平台并实现公网访问
  • 运营商高管调整与工信部人形机器人标准化委员会成立分析
  • 无人机路径规划算法详解
  • ERNIE-4.5-0.3B 轻量化部署与效能优化实战
  • Arthas Trace 命令实战:定位 Java 方法调用链路与耗时瓶颈
  • Claude Code vs. GitHub Copilot CLI 深度评测与选型指南
  • Win11 本地部署 OpenClaw 并通过 WSL 实现飞书机器人功能
  • 将 Zed 集成到 Bright Data Web MCP,让 AI 编辑器具备“超能力”
  • llama.cpp 本地大模型部署教程
  • 30 个极简 Python 代码片段与实用技巧
  • uv 安装多个 Python 版本与使用方法(替代 pyenv + venv + pip)

相关免费在线工具

  • 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