news 2026/6/15 14:46:58

做了个工具可以帮你录制任意网页操作并快速转为可以给大模型调用的 MCP

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
做了个工具可以帮你录制任意网页操作并快速转为可以给大模型调用的 MCP

Browserwing ,支持可视化录制浏览器的操作,也支持 AI 辅助提取结构化数据,一行代码不用写即可创建一个可回放的浏览器行为脚本。可以使用 http api 传参调用,也可以转为 MCP 给大模型调度。

Github 地址是:https://github.com/browserwing/browserwing

文档地址:https://browserwing.com/docs/zh

可视化录制

可视化录制是 Browserwing 的一大特性。使用 Browserwing 打开 chrome 浏览器后,会有一个面板弹出。如下:

点击开始录制,即可进入录制模式了。接下来你在网页的点击滚动输入等操作都会被记录下来了。

如果你想提取数据,在面板上有两个选项,一个数据抓取,一个 AI 提取。数据抓取可以帮你抓取页面上 html 或文本数据。而 AI 提取,则可以帮你提取一些结构化的数据,比如说你想抓取一个列表,商品列表或者文章列表,这时候使用 AI 提取就可以帮你把列表数据转为结构化的 JSON 数据,提取出里面的各种字段。如下:

录制结束后,点击结束录制,就可以保存脚本了。

脚本回放

录制完的脚本,你可以修改下步骤,可以把里面的任意内容转为变量,只要把相关内容改成${}就会被认为是一个变量了,比如把你要搜索的内容变成变量。这时候你可以点击播放,就需要你填写变量然后才会执行脚本。

执行脚本就会把你上面录制的步骤都执行一遍,然后把相关的数据抓回来。

mcp 与 http 调用

到上面为止,都还是传统浏览器自动化。但是 Browserwing 提供了将脚本转为 mcp 服务的能力,也就是说你可以让你的 mcp 客户端,比如 cursor ,cherry studio ,n8n 这些来调用 Browserwing 的脚本。Browserwing 本身也提供了 agent 的能力,可以自由调度不同的脚本来帮你实现你的任务。

当然,http 调用也是可以的,你可以一键复制 curl 命令,集成到你的传统的服务当中。

脚本广场

Browserwing 是一个开源的工具,提供了一个脚本广场供大家去下载使用。囊括了中国互联网的各种各样的平台的操作,使得你可以让 AI 自由调度各种平台的服务,获取相关的数据,极大提升了 AI Agent 的能力。

脚本广场:https://browserwing.com/zh/scripts

随着脚本生态的繁荣,数据孤岛将被打破,Agent 将可以深入到各种内部数据和私人数据,可以真正助力 agent 的落地。

开源不易,感兴趣的朋友可以上去 github 给项目点点赞。

项目还在不断改进优化中,需要您的宝贵意见,感兴趣可以加v mongorz 进入用户群。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/15 3:28:14

基于Maxwell建立的 8极12槽 110mm 外径 25mm 轴向长度 转速3000rpm...

基于Maxwell建立的 8极12槽 110mm 外径 25mm 轴向长度 转速3000rpm 功率600W 转矩2.3Nm 直流母线48V(直接连接在农村用的三轮车上面取电) 永磁同步电机极其设计模型,转矩脉动小(PMSM 和BLDC)。农村三轮车的电机升级一直是个技术活。最近帮老…

作者头像 李华
网站建设 2026/6/15 19:50:47

ruoyi 新增每页分页条数

正文开始:ruoyi的分页原理,大致就是使用MyBatis提供的插件接口,实现自定义插件,在插件的拦截方法内拦截待执行的 SQL,然后重写 SQL,实现分页查询。问题提出:若依框架中,使用的是 Pag…

作者头像 李华
网站建设 2026/6/15 19:33:02

什么是ODN

文章目录为什么需要ODNODN是如何工作的ODN的应用ODN(On-demand Nexthop,按需下一跳)是基于头节点上指定路径要求的模板,动态生成满足意图的SR-MPLS TE Policy。使用ODN的优势在于无需手动配置SR-MPLS TE Policy,快速响…

作者头像 李华
网站建设 2026/6/15 16:29:48

什么是OLC(CPU过载控制)

文章目录为什么需要OLCOLC应用场景是怎样的OLC是如何工作的CPU过载控制OLC(Overload Control)是一种CPU过载调控机制。当CPU过载时,OLC能够对受监控协议报文和任务进行调控,通过不同优先级业务的合理规划和限制报文通过等方式&…

作者头像 李华
网站建设 2026/6/15 19:46:49

老工程师多年经验结晶:超越QT控件的LabVIEW俱全控件之美

堪比QT控件漂亮的LabVIEW俱全控件 一位老工程师,多年的经验积累的。在软件开发的世界里,控件的设计和实现往往决定了用户界面的直观性和美观度。提到控件,很多人可能会想到QT,它的控件以美观和功能强大著称。但今天,我…

作者头像 李华