快速体验(Demo CDN)
不用多余配置,不用修改原有代码,在HTML里加一行CDN引入,网页瞬间拥有AI级别的代理能力:
<script src="https://registry.npmmirror.com/page-agent/1.8.1/files/dist/iife/page-agent.demo.js"></script>
效果如下:
这样你网站就拥有了一个 AI 操作员,告诉它你想做的事,它会帮你操作网页。
npm安装
// npm install page-agentimport { PageAgent } from 'page-agent'
const agent = new PageAgent({model: 'qwen3.5-plus',baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',apiKey: 'YOUR_API_KEY',language: 'zh-CN'})
// 程序化执行自然语言指令await agent.execute('点击提交按钮,然后填写用户名为张三');// 或者// 显示对话框让用户输入指令agent.panel.show()
注意:在生产环境使用npm方式安装,配置自己的AI模型
将任意网页升级为自主 AI Agent
在浏览器添加新书签,网址输入以下内容,这样在访问任意网页后点击该书签,该网页也就有了AI操作员
javascript:(function()%7Bvar s=document.createElement('script');s.src=%60https://registry.npmmirror.com/page-agent/1.8.1/files/dist/iife/page-agent.demo.js?t=$%7BMath.random()%7D%60;s.setAttribute(%27crossorigin%27, true);s.type="text/javascript";s.onload=()=>console.log(%27PageAgent script loaded!%27);document.body.appendChild(s);%7D)();
什么是 page-agent?
page-agent 是阿里开源的 “住在网页里的 GUI 智能体”:一段纯前端 JS,嵌到任意网页里,让用户用自然语言直接点按钮、填表单、走流程,不用装插件、不用后端、不用爬虫脚本。更多细节参考Page-Agent官网