news 2026/4/18 5:41:30

做了个工具可以帮你录制任意网页操作并快速转为可以给大模型调用的 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/4/13 13:20:50

什么是OPS

文章目录为什么需要OPS如何实现OPSOPS的优势是什么OPS的典型应用场景OPS(Open Programmability System)即为开放可编程系统,即指设备通过提供统一的应用程序接口API(Application Programming Interface)来开放系统&…

作者头像 李华
网站建设 2026/3/30 10:53:57

1.6 ScriptableObject

1.ScritableObject简介1.ScritableObject简介 ScritableObject是继承自UnityEngine.Object的特殊基类, 用于保存数据; 它是纯数据文件, 独立于GameObject存在, 没有生命周期函数, 只负责存储数据(数值, 素材引用, 配置等), 数据保存在.asset格式的资源文件中, 可在Inspector面板…

作者头像 李华
网站建设 2026/4/18 3:26:11

Flutter for OpenHarmony 实战:Switch 开关按钮详解

Flutter for OpenHarmony 实战:Switch 开关按钮详解💡 摘要:本文将深度解析 Flutter 框架中 Switch 开关按钮在 OpenHarmony 平台的应用实践。通过剖析其核心属性、事件响应机制、样式定制技巧及跨平台适配方案,结合 5 个可验证代…

作者头像 李华
网站建设 2026/4/17 15:11:18

Flutter for OpenHarmony 实战:Slider 滑块控件详解

Flutter for OpenHarmony 实战:Slider 滑块控件详解 摘要 本文深度解析 Flutter 框架在 OpenHarmony 平台中 Slider 滑块控件 的核心用法与技术实践。内容涵盖基础属性配置、样式定制化技巧、跨平台事件处理机制,以及鸿蒙原生控件与 Flutter 实现的对比方…

作者头像 李华
网站建设 2026/4/18 3:38:24

SiC碳化硅MOSFET微观动力学综述:开关瞬态全景解析

基本半导体B3M系列SiC碳化硅MOSFET微观动力学综述:开关瞬态全景解析BASiC Semiconductor基本半导体一级代理商倾佳电子(Changer Tech)是一家专注于功率半导体和新能源汽车连接器的分销商。主要服务于中国工业电源、电力电子设备和新能源汽车产…

作者头像 李华