跳到主内容

浏览器 Agent 是怎么点页面的?视觉与结构

2026-10-18 发布 来源:我告诉你AI导航 阅读

让浏览器 Agent 替你在网页上提交一份申请——它是由大模型驱动的智能体,先打开页面,看清哪里是输入框、哪里是按钮,再把光标移过去完成点击。这套动作背后有两条信息来源在同时工作,这篇把视觉与结构两条路线拆开讲清楚。

让浏览器 Agent 替你在网页上提交一份申请——它是由大模型驱动的智能体,先打开页面,看清哪里是输入框、哪里是按钮,再把光标移过去完成点击。这套动作背后有两条信息来源在同时工作,这篇把视觉与结构两条路线拆开讲清楚。

点一下之前,先要看得懂页面

浏览器类 Agent 的每一步都遵循同一个小循环:观察页面、决定动作、执行动作、再观察结果。观察环节决定了后面一切,它必须回答三个问题——页面上有什么、目标元素在哪、当前状态离完成还差几步。可带走的判断:如果观察环节给不出稳定的元素位置,后续动作就全靠运气,所以这一环节的投入最值得。

视觉路线:像人一样看截图

视觉路线把页面截图交给多模态模型,让它像人一样认出「登录」按钮在右下角、输入框在中间。好处是贴近真实用户的感知,对样式变化不那么敏感;代价是消耗的算力多,小元素或被遮挡的控件容易看漏。腾讯元宝、豆包这类助手的浏览功能里,都能看到这条路线的影子:先看整体再聚焦局部,与人眼扫页面的节奏很像。

结构路线:直接读页面的骨架

结构路线绕过截图,直接读页面的结构树:标签名、属性、层级、文本一应俱全,定位一个按钮就像按门牌号找人,又快又稳。它的短板在于页面结构一变,门牌号就作废,这也是网页改版后任务失败的主要根源,应对办法在网页改版了 Agent 怎么办里专门展开。两条路线没有谁取代谁,各有各的用武之地。

两条路线互相校对才稳

成熟的实现往往两条腿走路:先用结构信息快速圈出候选元素,再用视觉确认它确实显示在预期位置;两边对不上时,以视觉为准重新定位,或者把当前截图连同疑问一起交回模型重新决策。点击之后如果页面没反应,就轮到工具调用失败是怎么重试的里的机制出场:等待加载、刷新状态、换一种定位方式再来一次。整个执行过程跑在受控环境里,下载与脚本行为同样被圈住,配套设计见沙箱是怎么隔离的。

视觉、结构、两路合校,三种走法并排比一比。

路线信息从哪来强在哪代价与失效点
视觉路线页面截图交给多模态模型贴近真实用户的感知,对样式变化不那么敏感消耗算力多,小元素或被遮挡的控件容易看漏
结构路线页面的结构树:标签名、属性、层级、文本定位像按门牌号找人,又快又稳页面结构一变门牌号就作废,改版后失败多源于此
两路合校结构先圈出候选元素,视觉再确认位置两边对不上时以视觉为准重新定位点击后没反应,要等待加载、刷新状态或换一种定位方式

浏览器任务速查表:打开页面先看关键控件是否加载完成;定位优先结构、视觉兜底;点击后等新状态出现再走下一步;连续失败两次就换路线或上报。照着走,点错的次数会明显下降。

表单类页面还有专门的字段对齐问题——框多、语义杂、填错了未必有提示,这部分在表单填写是怎么保证准确的里有完整拆解,两篇连读正好覆盖页面任务的主要难点。

滚动、等待与加载的三件小事

页面任务里最费时间的往往并非点击,而是这三件事。滚动:长页面要先滚到目标区域,控件不在可视范围内时有些框架拒绝模拟点击,先滚动再定位是好习惯。等待:点击后页面可能整页刷新,也可能局部更新,等待策略要区分网络空闲与元素出现两种信号,单靠固定延时既慢又不可靠,还容易在慢网环境下全军覆没。加载:图片与字体没加载完,视觉路线容易看走眼,结构路线却不受影响,这也是两条路线互补的又一个例证。带走的判断:把等待做对,成功率提升比换更聪明的模型来得明显。

关于浏览器 Agent 再多问三句

  • 它点按钮和人点按钮有区别吗?:结果类似,过程不同——它先定位坐标或结构节点再触发事件,所以对加载时机比人更敏感。
  • 验证码这类关卡它过得去吗?:多数平台会刻意在此停手转交人工,这既是能力边界也是规矩。
  • 页面弹窗太多会影响它吗?:会,弹窗属于计划外状态,成熟的实现会先关弹窗再继续原任务。

反馈页面信息

请描述需要更正的地方,页面标题和网址会自动附上。

也可以发邮件至 [email protected]