web-to-mcp

声明：文档由AI生成，仅作参考，最终功能和计费标准以官方为准。

一、产品概述

web-to-mcp 是面向开发者与AI应用生态构建的工具类产品，核心功能为将网页内容与服务转换为MCP（Model Control Protocol）兼容接口，实现网页能力与AI模型、AI代理工具的标准化对接。

二、产品特色

• 支持将常规网页资源、网页交互能力封装为MCP标准协议接口，降低AI工具与网页服务的集成成本。
• 提供标准化的协议转换逻辑，适配主流AI代理框架与模型调用环境，无需复杂二次开发。
• 实现网页内容结构化提取与接口化输出，提升AI系统对网页端信息与服务的调用效率。
• 具备轻量部署与快速接入特性，可在开发环境中快速完成网页至MCP接口的映射配置。
• 兼容通用网页结构与动态内容场景，支持多样化网页资源的协议转换适配。

三、收费标准

官方网站未公示产品收费标准、计费规则及套餐信息，相关资费详情请以官方最新说明为准。

四、常见问题

Q：web-to-mcp 的核心作用是什么？

A：核心作用是将网页相关内容与服务转化为MCP协议接口，使网页能力可被AI模型、AI代理等系统标准化调用。

Q：web-to-mcp 支持哪些类型的网页转换？

A：支持常规静态网页及具备通用结构的动态网页内容与服务转换，具体适配范围以官方实际支持清单为准。

Q：使用 web-to-mcp 需要具备哪些开发基础？

A：使用者需具备基础的接口集成与AI工具链开发认知，了解MCP协议及网页结构相关知识即可完成接入配置。

Q：该产品是否支持本地部署使用？

A：产品面向开发场景提供适配能力，具体部署方式与环境要求可参考官方后续技术文档说明。

五、用法

安装Chrome 插件

登录后，复制Cursor MCP 配置代码

打开Cursor 增加MCP服务，直接打开 mcp.json

粘贴MCP 配置代码

保存生效

随便找个页面，我就已当前页面为例

点Chrome Web to MCP插件

点击Capture Element 按钮

鼠标就会变成框选状态，可以框选页面上的任意DOM结构

右侧会出现悬浮窗口，点击Copy，复制生成的一段文字

1
Use the web-to-mcp tool with reference 73607ed3-8615-4b7e-9f73-76c44cc59cb6 to implement the fetched website component.

切换到Cursor，开个新的会话窗口，粘贴，然后新建一个html页面，拖拽到会话窗口，发送会话

AI就会自动升成一模一样的html代码

一句话说明白：这是一个HTML DOM结构复刻插件，可以一比一复刻网页页面样式。