4.6 KiB
4.6 KiB
Page Agent
纯 JS 实现的 GUI agent。使用自然语言操作你的 Web 应用。无须后端、客户端、浏览器插件。
🌐 English | 中文
✨ Features
- 🎯 轻松集成
- 无需
浏览器插件/Python/无头浏览器。 - 纯页面内 JavaScript,一切都在你的网页中完成。
- The best tool for your agent to control web pages.
- 无需
- 📖 基于文本的 DOM 操作
- 无需截图,无需 OCR 或多模态模型。
- 无需特殊权限。
- 🧠 用你自己的 LLM
- 🎨 精美 UI,支持人机协同
- 🐙 可选的 Chrome 扩展,支持跨页面任务。
🚀 快速开始
一行代码集成
通过我们免费的 Demo LLM 快速体验 PageAgent:
<script src="{URL}" crossorigin="true"></script>
| Mirrors | URL |
|---|---|
| Global | https://cdn.jsdelivr.net/npm/page-agent@1.3.0/dist/iife/page-agent.demo.js |
| China | https://registry.npmmirror.com/page-agent/1.3.0/files/dist/iife/page-agent.demo.js |
⚠️ 仅用于技术评估。 Demo LLM 有速率和使用限制,速度较慢,可能随时变更。
NPM 安装
npm install page-agent
import { PageAgent } from 'page-agent'
const agent = new PageAgent({
model: 'deepseek-chat',
baseURL: 'https://api.deepseek.com',
apiKey: 'YOUR_API_KEY',
language: 'zh-CN',
})
await agent.execute('点击登录按钮')
更多编程用法,请参阅 📖 文档。
🏗️ 架构设计
PageAgent adopts a simplified monorepo structure:
packages/
├── core/ # ** Core agent logic (npm: @page-agent/core) **
├── llms/ # LLM 客户端 (npm: @page-agent/llms)
├── page-controller/ # DOM 操作 (npm: @page-agent/page-controller)
├── ui/ # 面板 UI (npm: @page-agent/ui)
├── page-agent/ # 入口类 & iife 包 (npm: page-agent)
├── extension/ # Chrome 扩展,支持跨页面任务
└── website/ # 网站 & 文档站点
🤝 贡献
欢迎社区贡献!请参阅 CONTRIBUTING.md 了解环境配置和本地开发说明。
请在贡献前阅读行为准则。
👏 致谢
本项目基于 browser-use 的优秀工作构建。
PageAgent 专为客户端网页增强设计,不是服务端自动化工具。
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 有用或有趣,请给项目点个星!