news 2026/11/6 2:12:02

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

汽车平顺性实战:从悬架振动到路面反演

汽车平顺性分析,Z向动力学分析、被动悬架分析(刚度和阻尼的线性和非线性)分析。 对三自由度、四自由度、七自由度、八自由度和九自由度模型,时域频域分析。 内容包含所有方程、模型以及程序。 可用于工作及学习(赠送模…

作者头像 李华
网站建设 2026/11/2 8:12:08

基于微信小程序的家乡特产销售平台-计算机毕业设计源码+LW文档

摘要 在当下数字经济迅速发展以及信息技术不断革新的大环境中,互联网技术的不断迭代更新,借助微信小程序搭建的家乡特产电子商务平台呈现出了独特的创新价值,该平台的设计思路打破了传统线下销售管理模式的束缚,切实解决了以往依靠…

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

TDengine Go 连接器入门指南

TDengine Go 连接器入门指南 本文面向 TDengine 初学者,目标是让你在 5~10 分钟内完成:安装连接器 → 建立连接 → 建库建表 → 写入 → 查询,并掌握 Go 连接器在工程里的基本使用方式与常见问题排查思路。 说明:TDen…

作者头像 李华
网站建设 2026/11/5 5:14:51

什么是OpenStack

文章目录OpenStack的发展历史OpenStack能做什么OpenStack的核心项目华为FushionSphere OpenStack简介OpenStack是一个云平台管理的项目,它不是一个软件,它是由几个主要的组件组合起来,为公有云、私有云和混合云的建设与管理提供软件的开源项目…

作者头像 李华
网站建设 2026/11/2 8:12:08

Docker 详解与部署微服务实战

Docker 详解与部署微服务实战 主讲老师:Fox 有道笔记地址链接:https://note.youdao.com/s/8eWHV1Jr 1. Docker详解 1.1 Docker简介 Docker 是一个开源的容器化平台,可以帮助开发者将应用程序和其依赖的环境打包成一个可移植、可部署的容器…

作者头像 李华
网站建设 2026/11/2 23:51:02

咱们今天聊点硬核的——用VB.NET直接操控三菱变频器。这玩意儿在工厂自动化里可是刚需,特别是需要精准控制电机转速的场景。废话不多说,直接上干货

上位机控制三菱变频器 DEMO (VB.NET), (可编辑上位机与三菱PLC,西门子PLC通讯, 数据采集,)源码带详细注释。 本程序有详细步骤和超详细的中文注释,可以控制多台变频器&…

作者头像 李华