Files
page-agent/README-zh.md
2025-10-24 16:56:26 +08:00

4.1 KiB

PageAgent 🤖🪄

banner

npm version License: MIT TypeScript Downloads Bundle Size GitHub stars

纯 JS 实现的 GUI agent。使用自然语言操作你的 Web 应用。无须后端、客户端、浏览器插件。

🌐 English | 中文

👉 🚀 Demo | 📖 Documentation


Features

  • 🎯 轻松集成
  • 🔐 端侧运行
  • 🧠 HTML 脱水
  • 💬 自然语言接口
  • 🎨 HITL 交互界面

🗺️ Roadmap

👉 Roadmap

🚀 快速开始

CDN 集成

<!-- 临时 CDN URL. 未来会变更 -->
<script
	src="https://hwcxiuzfylggtcktqgij.supabase.co/storage/v1/object/public/demo-public/v0.0.4/page-agent.js"
	crossorigin="true"
	type="text/javascript"
></script>

NPM 安装

npm install page-agent
import { PageAgent } from 'page-agent'

// 测试接口
// @note: 限流,限制 prompt 内容,限制来源,随时变更,请替换成你自己的
// @note: 使用 DeepSeek-chat(3.2) 官方版本,使用协议和隐私策略见 DeepSeek 网站
const DEMO_MODEL = 'PAGE-AGENT-FREE-TESTING-RANDOM'
const DEMO_BASE_URL = 'https://hwcxiuzfylggtcktqgij.supabase.co/functions/v1/llm-testing-proxy'
const DEMO_API_KEY = 'PAGE-AGENT-FREE-TESTING-RANDOM'

const agent = new PageAgent({
	modelName: DEMO_MODEL,
	baseURL: DEMO_BASE_URL,
	apiKey: DEMO_API_KEY,
	language: 'zh-CN',
})

await agent.execute('点击登录按钮')

🏗️ 架构设计

PageAgent 采用清晰的模块化架构:

src/
├── PageAgent.ts          # Agent 主流程
├── dom/                  # DOM 理解
├── tools/                # 代理交互工具
├── ui/                   # UI 组件和面板
├── llms/                 # LLM 集成层
└── utils/                # 事件总线和工具

🤝 贡献

欢迎社区贡献!以下是参与方式:

开发环境

  1. Fork 项目仓库
  2. Clone or fork: git clone https://github.com/alibaba/page-agent.git && cd page-agent
  3. 安装依赖: npm install
  4. 启动开发: npm start

贡献指南

请在贡献前阅读我们的行为准则贡献指南

👏 致谢

本项目基于以下优秀项目构建:

PageAgent 专为客户端网页增强设计,不是服务端自动化工具。

📄 许可证

MIT 许可证 - 详见 LICENSE 文件。

DOM processing components and prompt are derived from browser-use:

Browser Use
Copyright (c) 2024 Gregor Zunic
Licensed under the MIT License

Original browser-use project: <https://github.com/browser-use/browser-use>

We gratefully acknowledge the browser-use project and its contributors for their
excellent work on web automation and DOM interaction patterns that helped make
this project possible.

Third-party dependencies and their licenses can be found in the package.json
file and in the node_modules directory after installation.

如果觉得 PageAgent 有用或有趣,请给项目点个星!