MCP 插件 browser-tools-mcp 的配置流程。包含环境准备、服务安装启动、浏览器插件配置及 Cline 服务配置步骤。最终实现浏览器端调试工具增加插件页面的效果。
# 确保已安装 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 .
cd "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
参考官方文档：Installation
下载地址：
https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip
在配置文件中添加以下 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": []
}
}
浏览器端调试工具增加了插件页面。
微信公众号「极客日志V2」，在微信中扫描左侧二维码关注。展示文案：极客日志V2 zeeklog
生成新的随机RSA私钥和公钥pem证书。 在线工具，RSA密钥对生成器在线工具，online
基于 Mermaid.js 实时预览流程图、时序图等图表，支持源码编辑与即时渲染。 在线工具，Mermaid 预览与可视化编辑在线工具，online
随机生成西班牙地址（支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选），支持数量快捷选择、显示全部与下载。 在线工具，随机西班牙地址生成器在线工具，online
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具，Keycode 信息在线工具，online
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。 在线工具，Escape 与 Native 编解码在线工具，online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具，JavaScript / HTML 格式化在线工具，online