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

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

在这里插入图片描述

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐