当前位置: 首页 > news >正文

MCP插件使用(browser-tools-mcp为例)

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

python 安装
nodejs 安装

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/browser-tools-mcp@1.2.0
npx @agentdeskai/browser-tools-server@1.2.0
npx @agentdeskai/browser-tools-mcp@1.2.0

参考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. 最终效果

  • 浏览器端调试工具增加了插件页面
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述

相关文章:

  • 通过一个led点灯的demo来熟悉openharmony驱动编写的过程(附带hdf详细调用过程)
  • 【windows搭建lvgl模拟环境之VSCode】
  • Vue3项目中的.vscode文件夹
  • kettle插件-dm达梦数人大金仓Vastbase数据库插件
  • 硬件基础--05_电压
  • RAG优化:Python从零实现分层索引Hierarchy黑科技拯救迷失的文本碎片
  • 寻找力量
  • 算法-动态规划三
  • 123网盘突破限制
  • 针对stm32F103C8t6芯片调节USB串口的经验
  • Webview详解(下)
  • 深入理解操作系统基础文件I/O:从系统调用到底层实现
  • 观察者模式(Observer Pattern)
  • 走进国际数字影像产业园,享受一站式优质服务
  • 自研工具分享:多媒体文件分配2.0 PaddleOCR成功打包exe
  • React-nodejs 练习 个人博客
  • 计算机二级WPS Office第九套WPS演示
  • 0326-Java 字符串方法
  • CHI协议——retry
  • cJSON-轻量级 C 语言 JSON 解析库的使用(一)
  • 做网站需要多少/seo建站收费地震
  • 用群晖做网站服务器/世界疫情最新数据
  • 律所网站建设国队男子接力赛/如何设置淘宝友情链接
  • win7配置不能运行wordpress/百度seo推广工具
  • 网站设计大概价格/网站快速排名推荐
  • 深圳深圳龙岗网站建设/系统优化软件推荐