https://155a386f.text-matrix.pages.dev/tags/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/Recent content in 阿里巴巴 on Text MatrixHugozh-cnWed, 08 Apr 2026 23:16:10 +0800https://155a386f.text-matrix.pages.dev/posts/tech/page-agent-alibaba-gui-agent-guide/Mon, 06 Apr 2026 21:20:00 +0800https://155a386f.text-matrix.pages.dev/posts/tech/page-agent-alibaba-gui-agent-guide/<h2 id="学习目标">学习目标</h2> <p>通过本文，你将全面掌握以下核心能力：</p> <ul> <li>深入理解 Page Agent 的项目定位、技术架构和设计理念</li> <li>掌握在网页中集成 Page Agent 的两种方式（CDN 一行代码 + NPM）</li> <li>学会使用文本化 DOM 操作进行自然语言浏览器控制</li> <li>理解 MCP Server 的架构和外部控制能力</li> <li>掌握 Chrome 扩展实现多页面 Agent 的方法</li> <li>理解与 browser-use 的差异化定位</li> </ul> <hr> <h2 id="1-项目概述">1. 项目概述</h2> <h3 id="11-是什么">1.1 是什么</h3> <p>Page Agent 是阿里巴巴开源的<strong>网页内置 GUI Agent</strong>，核心理念是：<strong>The GUI Agent Living in Your Webpage</strong>——让网页拥有自己的 AI Agent，通过自然语言控制网页界面。</p>