Stagehand 浏览器代理 SDK 教程用自然语言 3 步跑通网页自动化【免费下载链接】stagehandThe SDK For Browser Agents项目地址: https://gitcode.com/GitHub_Trending/stag/stagehandStagehand 是一个浏览器代理browser agentSDK。它把「写选择器、点按钮、抓数据」这类重复劳动换成一句自然语言指令。读完这篇你能用几行代码让 AI 替你在网页上点选、填表、提取结构化数据并让脚本在页面改版后自动恢复。从「手工点网页」到「让 AI 点」做过网页自动化的人都知道麻烦在哪写死一堆 CSS 选择器页面一改版脚本就崩抓个数据得手动遍历 DOM 节点、正则抠文本几十行代码换两个字段。更烦的是同一件事换一张网页又得重写。Stagehand 的思路是把「找元素」这件事交给模型。你只描述目标——「点击加入购物袋」「提取公司名和批次号」——它负责定位元素并执行页面结构变了还能自愈。这样脚本从几十行缩到几行维护成本也降下来了。快速上手装包、配 Key、跑脚本最短路径只需三步以 TypeScript 为例Python/Go 同理。1. 安装依赖npm install browserbasehq/stagehand zod2. 配置浏览器 API Keyexport BROWSERBASE_API_KEY你的密钥模型由 Stagehand 的 Model Gateway 自动挑选无需单独配模型厂商的 Key。本地开发也可以换成本地 Chrome省掉云端依赖。3. 首次运行写个index.ts装好浏览器后跑起来pnpm dlx tsx index.tsNode.js 需 22.18。整个过程就是装包、给 Key、跑脚本没有中间配置项要操心。功能演示act 操作 extract 提取挑两个最常用、也最能体现价值的原语。act用自然语言操作页面。它执行单个动作把「点击/填写/选择」这类操作变成一句话省去写选择器和判断逻辑。await stagehand.act(点击 Evals 按钮);页面改版导致原选择器失效时开selfHeal会自动重新推理目标脚本不用改就能跑下去。extract按结构提取数据。你给它一个 schema它按类型返回干净的 JSON替代手动遍历 DOM。const { data } await stagehand.extract( 提取每个 AI grant 的公司名和批次号, z.object({ company: z.string(), batch: z.string() }) );两个原语串起来就是「先操作页面、再抓取结果」的完整自动化。想先看看页面上有哪些可点元素用observe列一遍即可。适用场景网页数据抓取批量提取商品、列表、表单字段返回结构化数据自动化填表与点击登录、提交、多步流程用自然语言描述每一步网站测试与监控关键操作是否可用改版后脚本自动恢复浏览器代理后端作为 agent 的浏览器驱动配合 agent 框架跑长任务资源与下一步安装与依赖说明act 自然语言操作extract 结构化提取快速上手完整示例先把上面的三行命令跑通再挑一个你最常手工操作的网页用actextract替换掉你手写的选择器和遍历逻辑。从一个小脚本开始体会脚本在页面改版后「自愈」的差别再逐步扩展到更长的流程。【免费下载链接】stagehandThe SDK For Browser Agents项目地址: https://gitcode.com/GitHub_Trending/stag/stagehand创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
Stagehand 浏览器代理 SDK 教程：用自然语言 3 步跑通网页自动化
Stagehand 浏览器代理 SDK 教程用自然语言 3 步跑通网页自动化【免费下载链接】stagehandThe SDK For Browser Agents项目地址: https://gitcode.com/GitHub_Trending/stag/stagehandStagehand 是一个浏览器代理browser agentSDK。它把「写选择器、点按钮、抓数据」这类重复劳动换成一句自然语言指令。读完这篇你能用几行代码让 AI 替你在网页上点选、填表、提取结构化数据并让脚本在页面改版后自动恢复。从「手工点网页」到「让 AI 点」做过网页自动化的人都知道麻烦在哪写死一堆 CSS 选择器页面一改版脚本就崩抓个数据得手动遍历 DOM 节点、正则抠文本几十行代码换两个字段。更烦的是同一件事换一张网页又得重写。Stagehand 的思路是把「找元素」这件事交给模型。你只描述目标——「点击加入购物袋」「提取公司名和批次号」——它负责定位元素并执行页面结构变了还能自愈。这样脚本从几十行缩到几行维护成本也降下来了。快速上手装包、配 Key、跑脚本最短路径只需三步以 TypeScript 为例Python/Go 同理。1. 安装依赖npm install browserbasehq/stagehand zod2. 配置浏览器 API Keyexport BROWSERBASE_API_KEY你的密钥模型由 Stagehand 的 Model Gateway 自动挑选无需单独配模型厂商的 Key。本地开发也可以换成本地 Chrome省掉云端依赖。3. 首次运行写个index.ts装好浏览器后跑起来pnpm dlx tsx index.tsNode.js 需 22.18。整个过程就是装包、给 Key、跑脚本没有中间配置项要操心。功能演示act 操作 extract 提取挑两个最常用、也最能体现价值的原语。act用自然语言操作页面。它执行单个动作把「点击/填写/选择」这类操作变成一句话省去写选择器和判断逻辑。await stagehand.act(点击 Evals 按钮);页面改版导致原选择器失效时开selfHeal会自动重新推理目标脚本不用改就能跑下去。extract按结构提取数据。你给它一个 schema它按类型返回干净的 JSON替代手动遍历 DOM。const { data } await stagehand.extract( 提取每个 AI grant 的公司名和批次号, z.object({ company: z.string(), batch: z.string() }) );两个原语串起来就是「先操作页面、再抓取结果」的完整自动化。想先看看页面上有哪些可点元素用observe列一遍即可。适用场景网页数据抓取批量提取商品、列表、表单字段返回结构化数据自动化填表与点击登录、提交、多步流程用自然语言描述每一步网站测试与监控关键操作是否可用改版后脚本自动恢复浏览器代理后端作为 agent 的浏览器驱动配合 agent 框架跑长任务资源与下一步安装与依赖说明act 自然语言操作extract 结构化提取快速上手完整示例先把上面的三行命令跑通再挑一个你最常手工操作的网页用actextract替换掉你手写的选择器和遍历逻辑。从一个小脚本开始体会脚本在页面改版后「自愈」的差别再逐步扩展到更长的流程。【免费下载链接】stagehandThe SDK For Browser Agents项目地址: https://gitcode.com/GitHub_Trending/stag/stagehand创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考