WebMCP：可让网站支持MCP，让AI助手与Web应用进行交互下载即梦

WebMCP万联摩尔 是一个基于浏览器的 MCP 实现方案，可以让 aiai的软件 助手通过标准化工具ai人工智与 Web 应用交互。它将 MCP 服务器嵌入网页，与Web应用直接集成，不需要API密钥或OAuth配置，直接浏览器访问实时同步，与Web应用状态直接集成支持跨应用工作流，让Ai助手度加ai下载在多个不同网页应用间自动完成任务，解决了现有 MCP 方案绕开浏览器的问题，同时利用了浏览器的身份验证和安全模型。

主要功能：ai人工智

✅使用浏览器会话和 Cookie 进行认证。千问网页版官网入口

✅通过 JSON-RPC 接口操作，避免 DOM 操作。ai大模型

✅与 Web 应用状态实时同步。ai人工智

✅适用于任何 JavaScript 框架或纯 JavaScript。ai人工智

✅实现代码通常少于 50 行。密鸽官方

✅遵循浏览器的同源策略和权限。下载即梦

项目特点：ai对话聊天系统

✅借助浏览器的认证机制，无需复杂配置和 API 密钥管理。万联摩尔

✅AI 助手直接访问结构化数据，提升交互效率。ai起什么作用

✅支持跨应用工作流，各应用保持独立认证和访问控制。豆包a i生成

✅在浏览器安全模型内运行，保障数据安全。ai在线使用

项目架构：度加ai下载

• Tab MCP Servers：在网页内运行，与认证 API 交互。度加ai下载

• MCP-B Extension：连接标签服务器和 AI 助手，聚合工具并路由请求。ai起什么作用

• Transport Layers：通过浏览器消息传递 API 实现安全通信。度加ai下载

技术栈：ai人工智

• 前端：React + TanStack Query + Shadcn UI。全免费ai人工智能

• 后端：Cloudflare Workers + Hono.js + PostgreSQL + Drizzle ORM。ai起什么作用

• 数据同步：通过 ElectricSQL 实现实时同步。ai指的是什么意思

使用方法：

✅高级用户：造梦次元入口

• 安装依赖：pnpm install密鸽官方

• 启动开发服务器：pnpm devai起什么作用

• 构建项目：pnpm build豆包a i生成

✅普通用户：万联摩尔

从 Chrome Web Store说的ai 安装浏览器插件扩展，不需要配置 API 密钥，AI 助手就可通过现有会话与网站交互。

项目地址：密鸽官方https://github.com/MiguelsPizza/WebMCP

官网地址：千问网页版官网入口https://mcp-b.ai/