Jay Sahnan 与 Arik Bird:为整个 Web 构建金融智能体

原标题Jay Sahnan and Arik Bird on Building Financial Agents for the Whole Web

Browserbase 的 Jay Sahnan 和 Arik Bird 展示浏览器智能体如何访问藏在登录页和反机器人防护之后的金融数据。他们以 Ramp、Bill 和 Stripe 为例,说明可靠的云端浏览器如何与适应性更强的 Stagehand 控制能力协同工作。

JSJay Sahnan讲者 · BrowserbaseABArik Bird讲者 · Browserbase
频道
AI Engineer
发布
2026年10月25日
视频
19:37
阅读
9 分钟
幻灯片
7
原文
英语
在 YouTube 打开
往下滚动阅读时,视频会缩到右下角继续播放。字幕跟随阅读语言。
阅读语言共 2 种语言可读
由 AI 从英语原文翻译。打开“对照原文”可以逐段核对。
摘要

30 秒看懂

许多金融工作流都依赖那些没有 API、还会主动拦截自动化流量的网站中的信息。Jay Sahnan 和 Arik Bird 介绍浏览器智能体如何帮助 Ramp 大规模收集收据、让 Bill 操作数千个供应商门户,以及自动完成 Stripe 的企业验证。他们把 Browserbase 的云端浏览器和 Stagehand 视为互补的两部分:前者提供可靠的浏览器基础设施,后者帮助智能体识别并操作不断变化的网页界面。 两位讲者解释了普通无头浏览器为何容易被网站识别出来,并介绍 Browserbase 对 Chromium 和托管会话所做的改动。Stagehand 将熟悉的 Playwright 操作、自然语言指令、精简的无障碍树视图,以及 observe、act、extract 三种基础操作结合起来。演示内容从启动一个浏览器,到跨多个来源调研 20 家公司。

  1. 1让智能体用浏览器访问难以触达的网页当网站没有 API 或 MCP 接口时,智能体仍然需要通过网页读取信息或执行操作。讲者认为,浏览器是完成这类任务的基础工具。
  2. 2Ramp 把收据收集变成自动化流程刷卡消费后,浏览器智能体可以登录供应商网站、取回收据,再与交易记录匹配。讲者表示,这取代了随着 Ramp 业务增长而无法继续扩大的人工流程。
  3. 3数据中心里的浏览器看起来和笔记本上的不同浏览器与设备指纹、新建会话以及数据中心网络信誉,都可能让无头自动化显得格外突出。轮换代理或许能改变访问地点,却无法单独修复浏览器身份。
  4. 4Browserbase 维护自己的 Chromium 分支团队介绍了如何移除自动化标记、让浏览器呈现为 Chrome 身份,以及让 Chromium 进程在任务之间持续运行。他们表示,上游频繁变化,因此维护自己的分支很有必要。
  5. 5Stagehand 让浏览器控制更能适应变化网站更改按钮或表单字段后,Playwright 脚本可能失效。Stagehand 保留了确定性的操作,也允许智能体使用自然语言和精简的无障碍树来查找控件。
  6. 6三种基础操作把网页交互串成工作流observe 会发现可能的操作但不点击,act 会执行指令,extract 则把非结构化的页面信息转换为 Zod 等 schema。演示将这些方法用于跨网站和公开申报资料的公司调研。

要点建议

  1. 只要任务需要读取网站信息或在网站上执行操作,而该网站又没有 API 或 MCP 集成,浏览器就能成为智能体的实用工具。
  2. 把浏览器任务从笔记本扩展到数据中心,会带来指纹、会话和网络信誉问题;普通无头 Chromium 本身无法解决这些问题。
  3. Ramp 使用浏览器智能体从供应商门户获取收据,并与刷卡交易匹配,取代了过去依赖人工的流程。
  4. Stagehand 将可预测的 Playwright 风格命令与自然语言操作结合起来,让智能体能适应页面元素的变化。
  5. 精简的无障碍树表示可以减少发送给模型的页面上下文:讲者举例比较了约 122,000 个原始 HTML token 和约 4,000 个 token。
  6. 让 Stagehand 与托管浏览器部署在一起,可以减少智能体与受控页面之间的网络往返。
  7. observe、act 和 extract 三种基础操作分别负责发现可执行的操作、执行操作,以及把杂乱的页面内容转换成结构化数据。
全文

按章节阅读完整文稿

01

浏览器智能体能做什么

Jay Sahnan 和 Arik Bird 开场介绍了一个问题:如何获取无法通过 API 或 MCP 集成访问的网页信息。他们以金融公司为例,说明这些企业必须操作设有登录门槛和反机器人防护的门户。

Jay Sahnan 和 Arik Bird 先提出一个问题:什么是浏览器智能体?如果智能体需要读取网页信息或在网页上执行操作,就得有办法使用浏览器。订机票、规划晚间活动,或查看竞争对手的价格,都可能需要访问没有 API 或 MCP 接口的网站。

02

Ramp:大规模获取收据

Ramp 过去依靠员工登录供应商门户并收集收据。刷卡消费后,浏览器智能体可以接手这项工作,但这也引出了下一个挑战:浏览器使用规模扩大后,如何避免请求被拦截。

Ramp、Bill 和 Stripe 都要处理敏感金融信息,其中许多信息藏在登录页或反机器人防护之后。这些门户很难大规模访问。讲者用这几家公司说明浏览器智能体能在哪些地方派上用场。

Ramp 帮企业管理支出,但业务增长也带来了更多供应商门户和更多待收集的收据。起初,员工会登录网站并下载收据。小公司或许还能这样做,但业务持续扩大时,企业无法按照工作量增长的速度不断招聘。

演示中的例子是一张用 Ramp 卡支付的机票。消费完成后,Ramp 启动浏览器智能体,将它带到 Delta 网站并登录,取回收据,再与刷卡交易匹配。不过,这类操作一旦扩大规模,反机器人系统就可能拦截流量。

03

为什么浏览器难以在云端扩展

个人浏览器带有一组容易辨认的浏览器、设备、会话和网络信号。在数据中心运行无头 Chromium 会改变这些信号,让网站更容易识别自动化流量。

为了说明浏览器流量为何会被拦截,讲者从笔记本电脑讲起。Chromium 是一个用于访问网页的可执行程序,但网站看到的不只是请求:它还能识别浏览器版本、操作系统、字体、屏幕尺寸和时区,也可能认出已登录的访客或熟悉的活动模式。

网站还会判断每个请求背后的网络信誉。使用个人浏览器时,访客看起来可能像是熟悉的普通用户;把 Chromium 放进数据中心,情况就变了。Ramp 这样的公司不可能靠一直开着数千台笔记本,或依赖某个人定时运行的脚本来扩展业务。

在 EC2 实例里启动无头浏览器,可能每次都会产生新的指纹、全新的 cookie 和一次新的登录。数据中心 IP 也可能是明显信号。代理可以改变表面上的访问地点,或减少某些验证挑战,但改变不了浏览器本身的特征。

04

Browserbase 对 Chromium 所做的改动

讲者介绍 Chromium 中的浏览器进程、页面引擎、网络、设备和图形组件。Browserbase 表示,他们的分支会移除自动化标记、呈现 Chrome 身份,并让进程在任务之间保持运行。

讲者把 Chromium 描述为一个浏览器进程,它负责协调页面引擎(用于渲染 HTML 和 JavaScript)、网络请求,以及设备和图形功能。Chromium 更新频繁:大约每隔几周就有主要版本,每周还有安全更新。对自动化浏览器的公司来说,这意味着持续的维护工作。

Browserbase 表示,他们分支维护 Chromium,打造适用于数据中心的验证浏览器。一项改动是在代码各处移除 WebDriver 自动化标记;另一项是让浏览器呈现为 Chrome,而不是无头 Chrome。讲者强调,这些改动涉及 Chromium 的许多部分,也必须跟上上游更新。

第三项改动是让浏览器进程持续运行。许多自动化任务会在开始时启动浏览器,并在任务结束后立刻关闭。Browserbase 则关闭浏览器窗口,同时保留 Chromium 进程运行,这样新任务就不必每次都重新启动整个进程。

现场演示从一个托管浏览器开始。页面加载后,演示者导航到罗马,接着停止会话并一次启动 100 个浏览器。一开始,这些浏览器只是在并行访问网站;接下来,演示会让与会者访问并操作这些会话。

观众可以扫描二维码,随机打开一个浏览器,并在嵌入式视图中与它交互。演示稍显粗糙,因为它依赖 Wi-Fi,也依赖从演示者笔记本建立的隧道;不过,它展示了如何远程打开并控制云端浏览器。

讲者把基础设施的例子重新联系到 Ramp。他们表示,Ramp 现在部署了数千个浏览器智能体,节省了超过 30,000 小时的人工数据录入时间,业务规模也扩大了五倍。过去用于收集收据的时间,如今可以投入公司的其他项目。

05

先测试一个浏览器,再扩展到一百个

现场演示先启动一个托管浏览器,随后同时打开许多会话。与会者可以操作浏览器视图,直观了解云端访问能力如何支撑 Ramp 所介绍的收据工作流。

下一个例子是 Bill,它要处理数千家供应商的付款。每个门户都有自己的结账和支付流程,而且界面可能不断变化。如果每一步都要员工手动点击,工作就无法扩展。Bill 的目标是让一个智能体能够跨许多不同门户执行操作。

Stagehand 是 Browserbase 用于控制浏览器的开源 SDK。讲者将它比作加入了额外能力的 Playwright。智能体通过 Stagehand 操作浏览器,既能使用标准命令,也能在界面不那么稳定时理解页面。

手写的 Playwright 脚本可能因为网站移动了按钮或更改了字段名称而失效。昨天还有效的选择器,今天可能就匹配不上。临时的本地任务或许能容忍这种情况,但 Ramp 和 Bill 这样的公司需要每次运行都可靠的浏览器工作流。

Stagehand 仍然支持页面点击这类确定性命令。任务变复杂时,开发者也可以用自然语言指令,比如填写表单或找到红色按钮。Stagehand 会检查页面和无障碍树,再把精简视图交给模型,以便识别正确的控件。

06

Bill:操作成千上万个不同门户

Bill 面对的是各不相同、界面还会变化的供应商结账流程。讲者介绍了开源 SDK Stagehand,让智能体可以把熟悉的浏览器命令与更灵活的页面交互结合起来。

讲者接着讨论把整个页面发送给模型的成本。在一个对比示例中,原始 HTML 约有 122,000 个 token,而 Stagehand 精简后的无障碍树快照约有 4,000 个 token。更小的表示既能减少上下文和成本,也能为智能体提供可用的选择器。

Browserbase 还把 Stagehand 部署在托管浏览器旁边。如果智能体运行在别处,每次操作都可能需要来回传输页面数据。让 Stagehand 与浏览器一起运行,可以减少网络往返,让指令处理和页面交互更快。

07

Stripe:观察、操作与提取

Stripe 曾让员工通过州务卿网站核验企业,讲者表示,浏览器智能体可以自动处理这项工作。他们介绍 Stagehand 的三种基础操作,并演示如何通过浏览器跨公司网站和公开来源开展调研。

Stripe 会持续接纳成千上万的商家,因此必须核实每家企业是否真实存在。在使用浏览器智能体之前,公司会派员工访问州务卿门户,收集证明材料。讲者介绍,浏览器自动化可以用于处理这类“了解你的客户”(KYC)核验。

Stagehand 提供三种基础操作:observe、act 和 extract。observe 可以找到 Learn more 这样的控件,但不点击它;act 执行点击 Login 之类的操作;extract 则把杂乱的网页信息转换成结构化输出,包括可供软件传给智能体的 Zod schema。

08

跨多个来源调研公司

演示从 Chipotle 官网、投资者关系页面、SEC 文件和证券交易所挂牌信息中收集资料,再把同一工作流应用到 20 家公司。讲者最后介绍了 Browserbase 提供的入门提示词。

第一个调研演示打开 Chipotle 网站,并提取公司销售的产品。接下来的版本会查看四个来源:公司官网、投资者关系页面、SEC 文件和纽约证券交易所挂牌信息。多个浏览器会话可以并行运行,而实时画面主要在开发过程中才有用。

讲者把同一工作流扩展到 20 家公司。演示滚动展示 Chipotle、JPMorgan 等公司的结果,同时在不同网站上运行同一任务。他们展示了从这些来源提取的信息,也提醒大家,在运行大量会话时,不必盯着每个浏览器的实时画面。

最后的结果视图汇总了官网、投资者关系页面和 SEC 文件中的公司信息。讲者表示,Browserbase 的验证浏览器可以减少 CAPTCHA 出现的频率,Stagehand 也能在没有人盯着实时画面的情况下浏览网页。他们还推荐了 Browserbase 网站上的可复用提示词,帮助观众入门。

演讲最后邀请观众访问 Browserbase 网站,复制其中的提示词,开始构建基于浏览器的工作流。这些案例从取回收据,扩展到跨支付门户执行操作,再到为企业核验和调研收集信息。

同频道的其他文章

7 张幻灯片19:43EN → 简体中文
AI Engineer· 2026年10月26日Jack Wotherspoon 谈如何打造一支托管智能体团队Jack Wotherspoon · Google DeepMindGoogle DeepMind 的 Jack Wotherspoon 介绍 Gemini Managed Agents:团队只需一次 API 调用,就能让编程和研究智能体在云端沙箱中运行。他还讲解了持久化环境、可复用技能、由代理注入的凭据、定时触发器,以及多个专用智能体如何协同工作。智能体工程Agent orchestrationSandboxes & isolation+2
5 张幻灯片20:55EN → 简体中文
AI Engineer· 2026年10月26日Jesse Hall:语音智能体要为对话而优化,而非只看排行榜Jesse Hall · LiveKitLiveKit 的 Jesse Hall 解释了为什么语音智能体必须像实时系统一样接受评测:听清用户、允许打断、在工具调用期间继续对话,并在用户真正听到声音之前控制延迟。语音 AI智能体工程评估+2
8 张幻灯片18:27EN → 简体中文
AI Engineer· 2026年10月26日Daksh Gupta:如何打造更好的 AI 代码审查智能体Daksh Gupta · GreptileGreptile 联合创始人 Daksh Gupta 解释了为什么仅靠 webhook 和编程智能体,无法做好 PR 审查;他还介绍了如何通过定向提示词、事故数据、模型反转、代码库上下文、浏览器测试和按任务路由模型来改进审查质量。Code review & verification编程智能体开发流程与测试+2
12 张幻灯片17:56EN → 简体中文
AI Engineer· 2026年10月25日Bridgewater 如何让 AI 分析师严守权限边界Nikhil Benesch, Aaron Linsky · turbopufferAaron Linsky 和 Nikhil Benesch 解释了企业知识库搜索如何在遵守文档权限的同时兼顾召回率与速度。他们将向量索引与原生过滤结合,在约 120 毫秒内搜索数亿个向量。企业 AIPrivacy & data governanceSearch & retrieval+2
7 张幻灯片35:19EN → 简体中文
AI Engineer· 2026年10月25日SallyAnn DeLucia:如何编写你的第一个 AI 评估SallyAnn DeLucia · Arize AI从智能体的真实追踪记录中提炼具体的通过与失败标准,再构建一个能测试、能与人工判断对齐,并能在生产环境运行的大模型裁判。评估与可观测性评估智能体工程+2
9 张幻灯片20:58EN → 简体中文
AI Engineer· 2026年10月25日Vinoo Ganesh 谈如何让金融 AI 为每个数字提供出处Vinoo Ganesh · KeplerKepler 首席执行官 Vinoo Ganesh 解释了为什么金融 AI 应负责检索和引用数据,而数学计算应交给确定性软件。他的设计把可追溯性、检索质量和租户安全都纳入答案本身。金融 AI企业 AI检索增强生成+2