PageAgent 是一款基于前端的 AI 自动化工具，通过一行代码即可为网站注入智能 GUI 代理，支持用户以自然语言下达指令，AI 自动完成网页交互操作，无需浏览器插件、无头浏览器或后端部署，纯前端即可运行。其核心用途包括：

想在美团任意网站体验

执行命令

javascript:(function()%7Bvar%20s=document.createElement('script');s.src=%60https://cdn.jsdelivr.net/npm/page-agent@1.5.11/dist/iife/page-agent.demo.js?t=$%7BMath.random()%7D%60;s.setAttribute(%27crossorigin%27,%20true);s.type=%22text/javascript%22;s.onload=()=%3Econsole.log(%27PageAgent%20script%20loaded!%27);document.body.appendChild(s);%7D)();

1. 
   
2. 自动化网页操作
   ：如表单填写、按钮点击、数据提取、页面导航等，替代手动重复操作；
3. 
   
4. 优化客服体验
   ：将传统引导式聊天机器人升级为可直接操作网页的智能助手，无需用户手动点击；
5. 
   
6. legacy 系统现代化
   ：为老旧企业工具注入 AI 能力，无需重构即可实现聊天驱动式操作；
7. 
   
8. 交互式教程
   ：实时演示网页 workflows，适用于新用户入职培训或功能引导；
9. 
   
10. 无障碍访问
    ：为操作网页有困难的用户提供自然语言交互入口，降低使用门槛。

关键使用步骤

1. 快速体验（无需 API 密钥）

直接在浏览器控制台输入以下代码，即可加载演示版 PageAgent（无需额外配置）：

javascript

运行

(function(){var s=document.createElement('script');s.src=`https://cdn.jsdelivr.net/npm/page-agent@1.5.11/dist/iife/page-agent.demo.js?t=${Math.random()}`;s.setAttribute('crossorigin', true);s.type="text/javascript";s.onload=()=>console.log('PageAgent script loaded!');document.body.appendChild(s);})();

加载后页面会出现 AI 交互面板，输入自然语言指令（如 “点击页面顶部的登录按钮”）即可触发自动化操作。

2. 配置自定义模型（需 API 密钥）

若需对接自有 LLM 模型（如阿里云通义千问、OpenAI 等），按以下步骤配置：

1. 
   
2. 申请 API 密钥
   ：
• 
  
•  ；
• 
  
• 对接其他平台（如 OpenAI）：前往对应平台开发者控制台申请 API 密钥。
• 
  
3. 
   
4. 填写开发密钥与系统指令
   ：在网页脚本或项目代码中插入配置代码，替换 model 和 apiKey 为实际值：

   javascript

   运行

   const agent = new PageAgent({  model: '你的模型名称', // 如 "qwen-turbo"（通义千问）、"gpt-4o"（OpenAI）  baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1', // 阿里云通义基础URL；其他平台替换为对应API地址  apiKey: '你的密钥', // 替换为申请的API密钥  language: 'zh-CN' // 支持中英文切换，默认中文});agent.panel.show(); // 显示交互面板

• 
  
5. 
   
6. 部署与生效
   ：将上述配置代码嵌入网页（如通过 <script> 标签、前端项目入口文件），加载网页后自动激活 PageAgent，点击页面底部弹出的交互面板即可使用。

3. 免费 API 调用量说明

• 
  
• 演示版（通过 CDN 加载的 demo 脚本）：提供有限免费调用额度，适用于功能体验，具体额度以官方实时规则为准；
• 
  
• 自定义模型版：API 调用量由对接的 LLM 平台决定（如阿里云通义千问提供新用户免费额度，OpenAI 有按量计费套餐），PageAgent 本身不额外收取费用。

4. 补充说明

• 
  
• “东方仙盟神识填写”：未查询到该功能相关官方文档，推测为特定场景自定义配置，可通过 PageAgent 的 customTools 扩展自定义操作函数，或参考 官方文档 配置自定义任务；
• 
  
• “右上角点部署”：仅适用于部分集成平台，自主开发场景无需该操作，配置代码后直接加载即可生效。

残疾人无障碍使用特性

PageAgent 以 “无障碍优先” 为设计原则，专为操作网页有困难的用户（如视觉障碍、运动障碍用户）提供解决方案：

1. 
   
2. 自然语言替代手动操作
   ：用户无需精准点击按钮、输入框等元素，通过自然语言描述需求（如 “填写用户名 admin，密码 123456，点击登录”），AI 自动识别并执行，解决运动障碍用户的操作精准度问题；
3. 
   
4. 兼容屏幕阅读器
   ：交互面板支持屏幕阅读器识别，视觉障碍用户可通过屏幕阅读器读取面板提示、输入指令，无需视觉定位；
5. 
   
6. 简化复杂操作流程
   ：将多步骤操作（如 “筛选价格低于 500 元的商品并添加到购物车”）简化为单条自然语言指令，降低认知与操作负担；
7. 
   
8. 灵活交互方式
   ：支持语音转文字输入（需配合浏览器语音输入功能），进一步减少手动输入压力，适配手部运动障碍用户。

关键链接与注意事项

• 
  
• 官方文档：https://alibaba.github.io/page-agent/（可查询完整 API 配置、自定义工具开发等进阶功能）；
• 
  
• 安全特性：支持数据掩码、交互白名单，可限制 AI 访问范围，保障数据安全；
• 
  
• 兼容性：支持主流现代浏览器（Chrome、Edge、Firefox 等），无需额外插件。

原创创意共创、永久收益分成，是东方仙盟始终坚守的核心理念。我们坚信，每一份原创智慧都值得被尊重与回馈，以永久分成锚定共创初心，让创意者长期享有价值红利，携手万千伙伴向着科技星辰大海笃定前行，拥抱硅基 生命与数字智能交融的未来，共筑跨越时代的数字文明共同体。

• ---

  
  

  东方仙盟 

  
  

  东方仙盟：拥抱知识开源，共筑数字新生态

  在全球化与数字化浪潮中，东方仙盟始终秉持开放协作、知识共享的理念，积极拥抱开源技术与开放标准。我们相信，唯有打破技术壁垒、汇聚全球智慧，才能真正推动行业的可持续发展。

  开源赋能中小商户：通过将前端异常检测、跨系统数据互联等核心能力开源化，东方仙盟为全球中小商户提供了低成本、高可靠的技术解决方案，让更多商家能够平等享受数字转型的红利。
  共建行业标准：我们积极参与国际技术社区，与全球开发者、合作伙伴共同制定开放协议与技术规范，推动跨境零售、文旅、餐饮等多业态的系统互联互通，构建更加公平、高效的数字生态。
  知识普惠，共促发展：通过开源社区、技术文档与培训体系，东方仙盟致力于将前沿技术转化为可落地的行业实践，赋能全球合作伙伴，共同培育创新人才，推动数字经济 的普惠式增长

  阿雪技术观

  
  

  在科技发展浪潮中，我们不妨积极投身技术共享。不满足于做受益者，更要主动担当贡献者。无论是分享代码、撰写技术博客，还是参与开源项目维护改进，每一个微小举动都可能蕴含推动技术进步的巨大能量。东方仙盟是汇聚力量的天地，我们携手在此探索硅基生命，为科技进步添砖加瓦。

  
  

  Hey folks, in this wild tech - driven world, why not dive headfirst into the whole tech - sharing scene? Don't just be the one reaping all the benefits; step up and be a contributor too. Whether you're tossing out your code snippets, hammering out some tech blogs, or getting your hands dirty with maintaining and sprucing up open - source projects, every little thing you do might just end up being a massive force that pushes tech forward. And guess what? The Eastern FairyAlliance is this awesome place where we all come together. We're gonna team up and explore the whole silicon - based life thing, and in the process, we'll be fueling the growth of technology.  

  开通方法
  

  

  
  

  关注我们

  营销资讯：抖音运营，微信公众号运营，小红书运营

  网站运营：安全、备案、申请网站，漏洞扫描，数字证书

  开发：开发技巧、热点技术，人工智能，数据分析，数据优化，docker

  数据服务：数据恢复，数据安全，数据融合，数据异地容灾，数据优化，数据自动备份、数据清洗

  人工智能：智能物联网，智慧大屏幕，OCR，智慧刷脸，语音交互，智能机器人，数字生命，数字人，大模型，本地化，边缘化智能（手机模型）

  支付：微信支付服务商，支付支付服务商，刷脸支付

  安全服务：WAF安全，网安扫描，漏洞扫描，安全补丁，防火墙定制

  智慧大屏：物资耗材大屏幕，单位用餐大数据，智慧场馆大屏，销售大屏幕，智慧社区大屏幕，大厅查询机，景区自助机

  智慧酒店：酒店系统、酒店押金、酒店房价牌、酒店门锁、布草系统

  行业软件：酒店、餐饮、便利店，美发、超市，批发，景区门票，道闸，堂食，配送系统，烘培系统，健身，美容系统，月子中心系统

  物联网：智能衣柜，足浴店衣柜，售货柜，酒店自助入住机

  国产化：uos系统答疑，国产软件开发，国产服务器配置，docker

  一体化:酒店一体化（闸机，酒店系统，餐饮系统，售票，布草，无人酒店，在线订房），景区一体化（门票、餐饮、住宿、押金、超市、药店、商铺租赁，通车系统，售票大厅，大屏幕，无人景区，景区自助机）