Blueprint MCP for Edge

代码木鱼

概述
让 Claude Code（和其他 AI 助手）直接控制您的真实 Edge 浏览器

停止与无头浏览器、机器人检测和身份验证流程搏斗。 Blueprint MCP for Edge 将模型上下文协议 (MCP) 与您实际的 Edge 浏览器连接起来 - 让您登录到所有站点、保留您的扩展并使用您真实的浏览器指纹。

关键优势：高效的浏览器自动化，不会消耗人工智能的上下文。 Blueprint MCP 无需在每个操作中发送大量页面快照（这会很快耗尽上下文限制，并且通常会超出 MCP 响应大小限制），而是让您的 AI 直接交互 - 单击、键入、导航 - 并且仅在特别需要时获取页面内容。这使得复杂的多步骤工作流程成为可能，而基于快照的方法是不可能实现的。

非常适合使用 Claude Code、Claude Desktop、Cursor 或任何与 MCP 兼容的 AI 客户端的开发人员，他们需要自动化 Web 任务，而无需担心 Playwright/Puppeteer/Selenium。

为什么蓝图 MCP + 克劳德代码改变了一切

问题：传统的浏览器自动化需要在每次操作后发送整页快照，每次交互消耗数千个令牌并达到响应大小限制。您还会丢失登录会话、面临机器人检测以及花费时间配置浏览器配置文件。

解决方案：Blueprint MCP 通过直接命令将您的 AI 助手连接到真正的 Edge 浏览器。您的人工智能控制浏览器 - 单击、键入、导航 - 除非明确要求，否则不需要页面快照。这保留了实际决策的上下文，而不是将其浪费在冗余的页面内容上。

这可以实现什么：
• 绕过机器人检测的人工智能驱动的网络抓取
• 使用您保存的密码自动填写表格
• 使用您登录的帐户测试工作流程
• 从经过身份验证的站点提取内容
• 与 2FA 和 CAPTCHA 配合使用的浏览器自动化

主要特点

真正的浏览器自动化：
• 使用您的实际 Edge 配置文件 - 保持登录 Gmail、GitHub、AWS 等。
• 隐秘模式- 不检测机器人。使用您真实的浏览器指纹
• 扩展支持 - 与您现有的 Edge 扩展一起使用
• 会话持久性 - 无需重新验证

本机 MCP 集成：
• 通过模型上下文协议公开的 20 多个浏览器工具
• 选项卡管理 - 以编程方式创建、切换、关闭选项卡
• DOM 检查 - 获取可访问的页面内容
• 网络监控 - 捕获请求、通过身份验证重放
• JavaScript 执行 - 在页面上下文中运行代码

开发者经验：
• 零设置 - 安装扩展，立即运行
• 自动重新连接 - 浏览器重新启动后仍可正常运行
• 调试模式 - 用于故障排除的详细日志记录
• 状态可见性 - 实时连接状态

两种连接方式：
• 免费（本地）- 本地主机上的 WebSocket：5555，无云依赖项
• PRO（云中继）- 从任何地方、多个人工智能客户端控制浏览器

综合自动化：
• 屏幕截图（整页或元素）
• 以 Markdown 形式提取内容
• 表单自动化（填写、下拉菜单、文件上传）
• 鼠标/键盘控制（单击、键入、悬停、拖放）
• 性能指标（Web Vitals）

高级功能：
• 技术堆栈检测（40 多个框架）
• 网络请求重放
• PDF 导出
• 对话框处理（警报/确认/提示）
• 扩展管理

它是如何运作的

架构：
AI Assistant (Claude Code) -> MCP 协议 -> MCP 服务器 -> 通过 WebSocket 的 JSON-RPC -> Edge 扩展（此） -> Chrome API -> 你的 Edge 浏览器

设置（3 个步骤，2 分钟）：
1.安装MCP服务器：npm install -g @railsblueprint/blueprint-mcp
2. 安装此 Edge 扩展
3.配置AI客户端：claude mcp add browser npx @railsblueprint/blueprint-mcp@latest

当您的 AI 客户端启动 MCP 服务器时，扩展会自动连接。

使用案例

1.经过验证的网页抓取
之前：手动登录、导航、复制粘贴数据。机器人检测、会话超时。
使用 Blueprint MCP：“转到仪表板.company.com 并提取第 4 季度指标表”- 自动使用您登录的会话。

2. 多步骤表单自动化
之前：每周 2 小时跨 5 个门户手动填写供应商表格。
使用 Blueprint MCP：“使用我的公司信息填写供应商表格” - 2 小时 -> 5 分钟。

3. 测试登录工作流程
之前：创建测试帐户、配置 webhook、手动测试。
使用 Blueprint MCP：“测试从免费到专业版的升级流程” - 使用真实身份验证进行测试。

4. 文档截图
之前：手动捕获和编辑屏幕截图超过 3 小时。
使用 Blueprint MCP：“为所有入门步骤生成屏幕截图”- 在几分钟内获得一致的屏幕截图。

5. 通过浏览器进行API测试
之前：手动复制 cookie、排除身份验证故障、重放请求。
使用 Blueprint MCP：“单击“提交”时捕获 API 调用并重播它们”- 使用实际的浏览器身份验证进行调试。

技术细节

可用的 MCP 工具（20+）：
连接：启用、禁用、状态、身份验证、browser_connect
选项卡： browser_tabs（列表/新建/附加/关闭）
导航：browser_navigate（url/后退/前进/重新加载）
内容： browser_snapshot、 browser_take_screenshot、 browser_extract_content、 browser_console_messages、 browser_network_requests
交互：browser_interact（点击/键入/悬停/滚动）、browser_fill_form、browser_lookup、browser_drag
高级： browser_evaluate、 browser_handle_dialog、 browser_window、 browser_pdf_save、 browser_performance_metrics、 browser_verify_text_visible、 browser_verify_element_visible
扩展： browser_list_extensions、 browser_reload_extensions

API 功能：
• 无需屏幕截图即可访问 DOM 快照
• CSS 选择器 + :has-text() 伪选择器
• 使用过滤器进行网络监控（URL、方法、状态、类型）
• 针对大型 JSON 响应的 JSONPath 过滤
• 支持异步/等待的 JavaScript 执行
• Chrome DevTools 协议 (CDP) 访问

限制：
• 无法自动执行edge:// 或chrome:// 页面（浏览器限制）
• 屏幕截图大小限制：10MB
• 网络历史记录限制：1000 个请求

要求：
• Edge 90+（基于铬）
• Node.js 18+（用于 MCP 服务器）
• 兼容MCP的AI客户端
• 端口 5555 可用（免费套餐）

安全与隐私

免费套餐（本地模式）：
• 所有通信都保留在您的计算机上（localhost WebSocket）
• 零数据发送到云端
• 没有跟踪、遥测或分析
• 完全离线工作
• 无需帐户

PRO 层（云中继）：
• 命令和响应通过中继传递（包括请求时的页面内容/屏幕截图）
• 本地存储的 OAuth2 令牌（由 Edge 加密）
• 无记录 - 数据通过中继但不会在任何地方存储或记录
• 您的浏览活动不会被跟踪或监控

权限解释：
debugger - 用于屏幕截图、DOM 快照、网络监控的 Chrome DevTools 协议
tabs - 选项卡管理（列表、创建、切换、关闭）
activeTab - 用于内容阅读的当前选项卡访问
存储 - 本地首选项和 OAuth 令牌（PRO）
警报 - 自动重新连接和 Service Worker 保持连接
webRequest - 用于捕获/重放的网络监控
webNavigation - 检测页面加载，清除陈旧状态
脚本编写 - 用于技术检测的内容脚本注入
管理 - 扩展列表/重新加载
- 任何站点上的自动化所需（您的数据永远不会在免费层中离开您的计算机）

我们不收集的内容：
浏览历史记录、页面内容、cookie、表单输入、密码、个人信息、分析

开源：
• 完整源代码：https://github.com/railsblueprint/blueprint-mcp
• Apache 2.0 许可证
• 亲自审核代码

定价

免费套餐 - 0 美元/月
• 所有 20 多个浏览器自动化工具
• 本地WebSocket 连接
• 无限制使用
• 零云依赖
• 仅限同一台机器

PRO 级别 - 5 美元/月或 50 美元/年（14 天试用期 1 美元）
一切都是免费的，另外：
• 云中继（从任何地方控制）
• 多个浏览器
• 多客户端访问
• 自动重连
• 优先支持
升级：https://blueprint-mcp.railsblueprint.com/pro

企业 - 定制定价
自托管中继、定制集成、SLA 保证。联系方式：support@railsblueprint.com

支持

文档：https://github.com/railsblueprint/blueprint-mcp
GitHub 问题：https://github.com/railsblueprint/blueprint-mcp/issues
电子邮件：support@railsblueprint.com

故障排除：

未连接？
1. 检查 MCP 服务器运行：npx @railsblueprint/blueprint-mcp@latest --debug
2.验证端口5555可用
3. 检查扩展弹出窗口是否显示“已连接”
4. 在 DevTools 控制台中查看调试日志

AI找不到工具？
1. 验证AI客户端配置中的MCP服务器
2.配置更改后重启AI客户端
3.先运行enable工具激活

需要帮助吗？打开 GitHub 问题，其中包含 Edge/扩展版本、MCP 服务器版本、使用的 AI 客户端和调试日志。

Blueprint MCP for Edge - 为您的 AI 助手提供应有的浏览器自动化。

https://mcp-for-edge.railsblueprint.com
https://github.com/railsblueprint/blueprint-mcp

Blueprint MCP for Edge 1.9.6.crx	.crx	1.9.6	217.68KiB	支持
Blueprint MCP for Edge 1.9.6.zip	.zip	1.9.6	217.68KiB	不支持