1. 从“智能”到“智障”LLM驱动的Web Agent为何频频翻车最近在折腾一些自动化任务比如让AI帮我自动填写表单、爬取特定信息或者完成一套复杂的在线操作流程。一开始我信心满满觉得有了大语言模型LLM的加持这些所谓的“Web Agent”网络智能体应该能像真人一样在浏览器里指哪打哪。但现实很快给了我一记重拳它们经常在看似简单的任务上卡壳比如在一个多步骤的购物流程中突然卡在“选择配送地址”的页面上不知所措或者反复点击一个已经失效的按钮。这让我非常困惑一个能在对话中展现出强大逻辑和知识能力的模型为什么一进入具体的、结构化的网页环境就变得如此“笨拙”这个问题并非个例。无论是学术界的研究还是工业界的实践都开始关注LLM-based Web Agent的失败案例。表面上看失败的原因五花八门——可能是网页元素定位不准可能是对动态加载的内容理解错误也可能是执行顺序混乱。但如果我们拨开这些表象从更本质的“规划”视角去看会发现很多失败都源于同一个根因LLM缺乏一种系统性的、分层次的规划能力。它更像是一个拥有海量知识和强大即时反应能力的“战术大师”但在需要多步骤、长链条、且环境存在不确定性的“战略战役”层面却常常显得力不从心。这不仅仅是写几个更好的提示词Prompt就能解决的它触及了当前LLM在具身智能Embodied AI任务中固有的能力边界。2. 拆解Web Agent任务为什么它比聊天难得多要理解失败的原因我们首先要明白LLM-based Web Agent到底在做什么。它不是一个简单的问答机器人而是一个需要在复杂、动态环境中执行目标导向任务的智能体。我们可以把一个典型的Web任务比如“在电商网站X上找到一款价格低于100元、评分高于4.5的蓝牙耳机并加入购物车”分解成以下几个核心挑战2.1 环境感知的模糊性与高维度网页对于LLM来说是一个高度非结构化的信息源。虽然我们可以通过工具如Playwright、Selenium获取DOM树和可访问性树但传递给LLM的通常是一大段HTML文本或简化的节点描述。这里面包含了大量的冗余信息广告、导航栏、脚注、视觉布局信息CSS样式、位置以及动态内容JavaScript生成。LLM需要从这片信息的“海洋”中精准识别出与当前任务相关的“岛屿”——那个可点击的“加入购物车”按钮、那个显示价格的span标签。这种从高维、噪声数据中提取关键特征的能力本身就极具挑战性。2.2 动作空间的复杂性与容错性低在对话中LLM输出一段文本即使有小瑕疵人类也能通过上下文理解并纠正。但在Web操作中动作是原子性的且后果严重点击、输入、滚动、等待。一个错误的点击可能跳转到无关页面甚至提交表单导致不可逆的操作。动作空间虽然离散有限的几种操作类型但目标对象成千上万个HTML元素极其庞大。LLM需要精确指定动作类型和定位符如XPath, CSS Selector任何微小的偏差都可能导致动作失败。这与生成流畅但允许模糊的文本有着天壤之别。2.3 任务的长程依赖与状态追踪真正的Web任务很少是单步的。它们通常是由一系列子任务构成的工作流且前后步骤之间存在严格的依赖关系。例如“登录”必须在“搜索商品”之前“选择商品规格”必须在“加入购物车”之前。LLM需要在整个任务执行过程中维护一个“心智状态”记住已经做了什么、当前处于哪个页面、下一步的目标是什么。然而标准LLM是“无状态”的每次调用都是基于当前输入当前页面内容历史记录的独立预测。虽然可以通过在Prompt中拼接历史来模拟状态但这种方式效率低下且容易受到上下文长度限制和注意力稀释的影响导致忘记早期关键步骤或混淆任务阶段。2.4 环境的不确定性与异常处理网页环境是动态且充满不确定性的。网络延迟可能导致页面加载缓慢网站A/B测试可能导致界面元素突然变化弹窗、验证码会意外中断流程。一个鲁棒的Web Agent必须能检测这些异常并具备从失败中恢复的策略。例如点击后没有看到预期的页面变化是应该等待、重试、刷新页面还是回退上一步这需要基于对任务目标和环境反馈的实时推理而不仅仅是模式匹配。当我们把这四个挑战叠加在一起就明白了为什么直接让LLM“看到什么就做什么”的简单范式会频频失败。LLM擅长的是基于模式的联想和生成但在需要严谨逻辑规划、持续状态管理和对不确定环境进行推理的序列决策问题上其固有的架构缺陷就被暴露了出来。3. 层级规划一种解决复杂问题的经典AI范式既然直接端到端的方法问题重重我们很自然地会从传统AI和机器人学中寻找灵感。其中“层级规划”Hierarchical Planning是一个被反复验证有效的范式。它核心思想是“分而治之”将一个复杂的大任务自上而下地分解为一系列越来越简单、具体的子任务直到分解为可直接执行的基本动作。3.1 什么是层级规划想象一下你要规划一次跨国旅行高层目标。你不会直接思考“迈出左脚”这样的动作而是会先分解为1确定目的地和行程2预订机票和酒店3办理签证和准备行李4前往机场、搭乘飞机……其中“预订机票”又可以进一步分解为a) 查询航班信息b) 比较价格和时间c) 填写乘机人信息d) 支付。这就是一个典型的层级规划过程。在形式化方法中这通常通过“分层任务网络”Hierarchical Task Network, HTN或“规划域定义语言”Planning Domain Definition Language, PDDL配合分层扩展来描述。其关键优势在于抽象与复用高层任务如“购物”可以被抽象化其实现方法即子任务网络可以在不同场景下复用。减少搜索空间规划器不需要在原始动作的巨大空间里盲目搜索而是在抽象的任务层进行推理大大提升了效率。提升鲁棒性如果某个低层方法失败例如点击按钮无响应规划器可以回退到上层尝试另一种方法来完成同一个子任务例如尝试JavaScript直接调用。3.2 PDDL经典规划的逻辑骨架虽然PDDL听起来很学术但它背后的思想对我们设计Web Agent极具启发性。一个PDDL规划问题主要包含两部分域Domain定义了当前世界所有可能的谓词用来描述状态如(page-loaded “search-results”)、(product-in-cart “item123”)和动作如click,type,navigate。动作需要前提条件Preconditions和效果Effects。例如click-checkout动作的前提可能是(cart-not-empty)效果是(page-loaded “checkout-page”)。问题Problem定义了初始状态Initial State如(on-homepage)和目标状态Goal State如(order-submitted)。规划器的任务就是找到一个由基本动作构成的序列能从初始状态达到目标状态。将Web任务建模为PDDL问题迫使我们必须清晰地定义状态空间和动作逻辑这正是当前LLM方法所缺乏的严谨性。4. LLM与层级规划的结合当前实践的三种路径认识到层级规划的价值后社区正在积极探索如何将LLM的强大感知与生成能力与层级规划的严谨结构化思维结合起来。目前主要有三种融合路径4.1 LLM作为高层任务分解器这是最直接的方式。让LLM扮演“战略指挥官”的角色负责将用户用自然语言表述的复杂指令如“为我预订下周一从北京到上海的最早航班”分解成一个结构化的子任务列表或流程图。例如1. 导航至机票预订网站首页。 2. 在搜索表单中出发地输入“北京”目的地输入“上海”日期选择“下周一”。 3. 点击“搜索”按钮。 4. 在搜索结果页中按起飞时间排序。 5. 选择第一个航班。 6. 进入预订页面填写乘客信息。 7. 提交订单。然后由一个更简单、更专一的“战术执行器”可能是一个经过微调的小模型或一套基于规则的系统来逐个执行这些子任务。这种方式将困难的“规划”问题从“执行”中分离降低了每一步的决策复杂度。LLM只需要在任务开始时进行一次高质量的分解即可。4.2 LLM作为动态规划器与经典规划器协同这种方式更深入。系统维护一个形式化或半形式化的世界模型状态表示。LLM的作用是状态识别与更新观察当前页面用自然语言或结构化数据更新世界状态例如“当前页面是搜索结果页列表中有5个商品第一个商品符合价格条件”。生成子目标或动作建议基于当前状态和最终目标LLM提出接下来应该达成的子目标例如“需要查看商品详情页”或建议一个具体动作例如“点击第一个商品的链接”。经典规划器进行验证与序列化一个轻量级的经典规划器或逻辑检查器接收LLM的建议根据预定义的领域知识动作前提和效果检查其合法性并将其整合到一个全局一致的规划序列中。如果LLM的建议会导致状态矛盾或无法达到目标规划器会拒绝并请求新的建议。这种架构结合了LLM的灵活性和经典规划的严谨性。LLM处理模糊的自然语言理解和复杂场景的泛化而规划器确保动作序列的逻辑一致性和可靠性。4.3 从经验中学习与提炼规划知识这是一种更长期、更自动化的思路。让Web Agent在大量网站上进行试错探索或通过观察人类演示如录制操作脚本来学习。LLM可以在这个过程中分析成功的轨迹和失败的日志自动归纳和抽象出可复用的“技能”或“方法”。例如它可能从多次成功登录的经历中总结出一个通用的“登录技能”方法登录网站步骤1. 寻找用户名输入框2. 输入用户名3. 寻找密码输入框4. 输入密码5. 寻找提交按钮6. 点击提交。这些学习到的技能可以被形式化存入一个技能库供未来的层级规划直接调用。这相当于让LLM自己构建一个不断增长的“Web操作手册”。5. 实践中的关键挑战与应对策略将层级规划思想落地到LLM-based Web Agent中并非简单地套个框架就行。在实际开发中我们会遇到一系列棘手的问题。5.1 状态表示的抽象与粒度应该用什么样的“语言”向LLM描述当前网页状态是把整个DOM树扔给它还是用自然语言总结抑或是提取关键UI元素的结构化信息如按钮列表、输入框、文本内容原始DOM信息最全但噪声极大极易超出上下文长度且LLM难以直接理解其视觉语义。自然语言摘要人类可读性好但可能丢失关键细节如某个按钮的精确ID且摘要过程本身可能引入错误。结构化表示例如将页面表示为[元素类型: 文本描述, 可操作性, 定位符]的列表。这是一种折中方案但需要前端工具配合提取且如何定义“关键元素”本身就是一个难题。我的经验是采用混合表示法。首先使用工具如基于AI的视觉理解模型或基于规则的提取器获取页面的简化、结构化的“骨架”重点列出所有可交互元素和关键信息文本。然后让LLM基于这个骨架和原始页面截图如果可用的简短描述生成一段对当前页面功能和状态的自然语言概述。这样既保留了机器可读的精确操作目标又赋予了LLM人类般的场景理解能力。5.2 动作的可靠执行与反馈即使规划正确动作执行也可能失败。一个健壮的系统必须处理元素定位失败CSS选择器或XPath因页面动态变化而失效。应对策略是采用多模态定位结合文本内容、邻近元素、视觉特征通过计算机视觉进行冗余定位并准备备用选择器。动作后状态验证点击一个按钮后如何知道成功了不能只依赖“页面URL变化”或“某个元素出现”因为很多Web 2.0操作是异步的。需要定义明确的成功检测器。例如执行“加入购物车”后系统应主动检查购物车图标上的数量是否增加或者页面是否出现了“已加入”的提示文本。这个验证逻辑需要作为动作定义的一部分在规划阶段就被考虑进去。超时与重试机制网络延迟或前端渲染慢可能导致动作反馈延迟。必须为每个动作设置合理的超时时间并设计指数退避的重试策略。但重试不是无限的连续失败后应触发异常处理流程向上层规划器报告“子任务失败”。5.3 规划修正与异常恢复这是体现智能体“智能”的关键。当子任务执行失败时系统不能直接崩溃而应该有能力进行恢复。局部修复如果只是某个动作失败如按钮没点到可以尝试替代动作如通过键盘快捷键、或执行一段JavaScript来点击。这需要动作库提供多种实现同一意图的方法。规划重生成如果局部修复无效需要将当前状态任务失败后的状态和原始目标再次提交给LLM规划模块请求生成一个新的、从当前状态出发的规划。这比从头开始规划更高效。向用户求助对于无法处理的异常如遇到验证码最优雅的方式是暂停任务用自然语言向用户描述遇到的问题并请求指导。获取帮助后可以将此解决方案学习并纳入技能库用于未来类似场景。5.4 效率与成本的权衡层级规划尤其是频繁调用LLM进行状态评估和子规划会显著增加计算成本和延迟。为了平衡性能缓存与记忆对常见的页面状态和成功的动作序列进行缓存。再次遇到相同或高度相似的页面时可以直接复用之前的规划无需重新调用LLM。模型分工使用大小模型混合策略。让大型、昂贵的LLM如GPT-4负责复杂的任务分解和异常诊断让小型、高效的LLM如微调后的Code Llama或规则系统负责常规的状态识别和动作选择。规划粒度控制不是每一步都需要重新规划。可以一次性生成一个较粗粒度的计划如“完成登录流程”然后由一个专用的、轻量的“技能执行模块”来负责这个技能内部的固定步骤序列期间只在检测到偏离时才请求高层规划干预。6. 一个简单的层级规划Web Agent原型设计为了更具体地说明我来勾勒一个结合了上述思想的简化版Web Agent系统设计。这个设计旨在体现层级规划的核心流程而非一个生产级系统。6.1 系统组件任务解析与高层规划模块LLM驱动输入用户自然语言指令。输出一个高层任务树HTN。例如任务“购买咖啡”被分解为[登录网站 搜索商品‘咖啡’ 选择第一个商品 加入购物车 结算付款]。每个高层任务关联一个“技能”或“方法名”。技能库一个存储了预定义或学习到的“技能”的数据库。每个技能是对一个可复用子任务如login,search_product,add_to_cart的形式化描述。技能结构技能名前提条件如on_homepage效果如logged_in实现方法可能是一段代码、一个LLM提示模板、或一个子任务列表。状态管理模块维护一个全局的、结构化的世界状态。状态由一系列谓词组成例如(current_page “homepage”),(logged_in False),(cart_items [])。接收来自环境感知模块的观察并更新状态。环境感知模块通过浏览器自动化工具如Playwright获取当前页面的简化DOM和截图。使用一个轻量级LLM或CV模型将原始观察转化为结构化状态描述并检测页面上的关键变化和可交互元素列表。规划执行引擎核心控制器它持有当前的高层任务树和世界状态。其工作循环是 a. 检查当前需要执行的高层任务技能。 b. 从技能库中检索该技能的“实现方法”。 c. 如果方法是子任务列表则将其压入任务栈这就是层级分解。 d. 如果方法是基本动作如click(selector)则交给动作执行器。 e. 动作执行后通过环境感知模块获取新状态并更新状态管理模块。 f. 检查当前技能的前提是否满足效果是否达成。如果失败触发异常处理如尝试技能库中的替代方法或向上层请求重新规划。动作执行器负责将抽象的动作用具象的浏览器API执行点击、输入等。集成重试、超时和基础验证逻辑。6.2 工作流程示例假设用户指令是“在示例电商网站买一袋咖啡豆。”任务解析LLM将其解析为高层任务序列[导航到网站 登录 搜索“咖啡豆” 选择商品 加入购物车 去结算]。初始规划规划引擎拿到第一个任务“导航到网站”。从技能库中查到其实现是一个基本动作navigate_to(“https://example.com”)。执行后状态变为(current_page “homepage”)。执行登录技能下一个任务是“登录”。技能库中“登录”技能的前提是(current_page “homepage” or “login_page”)效果是(logged_in True)。其实现方法可能是一个子任务列表[定位登录链接并点击 在登录表单输入用户名密码 点击提交按钮]。规划引擎会逐个执行这些子任务。每个子任务可能进一步调用更底层的动作。处理异常如果在“定位登录链接”时失败比如网站改版链接的CSS类变了动作执行器会报告失败。规划引擎会检查技能库中“登录”是否有替代方法例如“如果首页无登录链接尝试直接访问/loginURL”。如果有则切换方法如果没有则标记该技能失败并可能触发高层任务的重规划LLM可能会建议“尝试找回密码流程”或直接向用户报告失败。状态推进每个技能成功执行后世界状态被更新。当状态满足(cart_contains “咖啡豆”)且(logged_in True)时“加入购物车”技能的前提才满足才能被执行。最终当状态包含(order_submitted True)时整个规划目标达成。这个原型清晰地展示了层级规划如何将模糊的指令转化为一步步可执行、可监控、可恢复的动作链。LLM在其中扮演了高级分解师和异常处理顾问的角色而严谨的状态机和技能库则保证了执行过程的可靠性。7. 未来展望走向更通用、更鲁棒的Web智能体尽管层级规划为解决LLM-based Web Agent的失败提供了强有力的框架但前路依然漫长。未来的研究和发展可能会集中在以下几个方向7.1 更强大的跨网站泛化能力当前的技能库和规划知识往往是针对特定网站或一类网站设计的。真正的智能体应该能像人一样快速适应一个从未见过的新网站。这需要模型具备更深层次的网页功能理解而不仅仅是元素识别。例如理解某个区域是“商品筛选区”某个组件是“分页器”某个表单是“地址填写表单”。这可能需要结合大规模的多模态预训练让模型从海量的网站截图和交互数据中学习通用的视觉-功能概念。7.2 从被动规划到主动探索与学习目前的范式主要是“目标驱动”的规划给定一个明确目标然后规划路径。但人类在操作网页时常常会进行探索性学习。未来的智能体可能需要具备主动学习的能力在没有明确任务时也可以安全地浏览网站通过试错来构建其内部的世界模型和技能库。当新任务到来时它就能更快地规划出有效路径。7.3 与浏览器环境的深度集成目前Agent大多通过DevTools Protocol等接口与浏览器交互获取的信息仍有局限。更深度的集成例如直接访问浏览器渲染引擎的内部状态、监听所有的网络请求和JavaScript事件将能为Agent提供更精确、更及时的环境反馈使其能更好地理解动态内容的变化和异步操作的完成状态。7.4 人机协作的混合智能最实用的路径可能不是追求完全自主的Agent而是人机协作。让Agent处理繁琐、重复、规则明确的步骤而在遇到模糊、创新或需要高级判断的环节时无缝地将控制权交还给人类或向人类请求简明的指示。如何设计自然、高效的人机交互接口让人类能够轻松地指导、纠正和教授Agent将是一个关键课题。回过头看LLM-based Web Agent的失败恰恰揭示了当前AI在连接“语言智能”与“物理或数字世界行动”之间存在的鸿沟。层级规划不是唯一的答案但它为我们架起了一座坚实的桥梁。通过将LLM的模糊思维纳入一个结构化的、可推理的规划框架中我们能够显著提升智能体在复杂环境中的可靠性。这不仅仅是让AI更好地浏览网页更是迈向通用具身智能的重要一步。在实际项目中引入层级规划的思想后我最深的体会是可靠性往往不来自于模型的无限放大而来自于系统设计的严谨与巧思。与其一味追求让LLM“更聪明”地直接生成动作不如为它设计好思考的“脚手架”和行动的“工具箱”让它在明确的规则边界内发挥其泛化优势这才是构建实用AI智能体的务实之道。