page-agent扩展安装教程Chrome Web Store一键装好你的多页AI浏览器【免费下载链接】page-agentJavaScript in-page GUI agent. Control web interfaces with natural language.项目地址: https://gitcode.com/GitHub_Trending/pa/page-agentpage-agent 扩展安装只需在 Chrome Web Store 里一键添加到 Chrome即可完成。安装后你就能拥有你的多页 AI 浏览器——用一句自然语言指挥浏览器跨多个标签页连续执行任务填表、查资料、切换页面全程无需手写脚本。本教程面向新手3 分钟带你从零装好并跑通第一个多页任务。什么是 page-agent 浏览器扩展page-agent是一个用纯 JavaScript 实现的页面内 GUI Agent能用自然语言操作网页界面。它的 Chrome 扩展是可选的能力扩展多页任务跨多个页面和标签页连续执行任务不再受限于单页上下文浏览器级控制跨标签导航、页面切换等更完整的浏览器自动化开放集成接口用户主动授权后页面 JS、本地 Agent 或云端 Agent 都可以通过扩展发起多页任务 简单理解核心库负责在单个页面里干活扩展负责把整个浏览器变成一个可指挥的 AI 员工。扩展界面采用侧边栏Side Panel设计顶部有状态指示点、历史记录和设置按钮中间实时滚动 Agent 的思考与执行过程底部输入框输入任务、回车即可发送运行中随时可一键停止。相关交互实现在 App.tsx。一键安装步骤Chrome Web Store 3 步装好第 1 步打开 Chrome Web Store在 Chrome 浏览器地址栏输入chrome web store并打开官方商店页面建议直接在商店内搜索Page Agent定位应用认准与本项目同名的扩展即可。第 2 步点击添加至 Chrome在扩展详情页右侧点击添加至 Chrome / Add to Chrome按钮确认弹出的确认框扩展即自动安装完成——整个过程无需解压、无需配置这就是一键安装。第 3 步固定到工具栏安装完成后点击浏览器右上角的拼图图标扩展菜单找到 Page Agent 并点击图钉图标将其固定方便随时打开。✅ 检查是否装好工具栏应出现 page-agent 的彩色 Logo 图标点击后右侧弹出侧边栏即代表安装成功。如果商店版本更新节奏较慢也可以从项目的 Releases 渠道获取更新版本的扩展包安装步骤见下方常见问题。首次使用配置模型并下发第一个多页任务配置 LLM 模型点击扩展图标打开侧边栏再点击右上角的Settings齿轮图标在设置页填写你的 LLMbaseURL、model和apiKey扩展默认内置了一个免费测试端点开箱即可体验可选项语言偏好、最大步数maxSteps、系统级指令systemInstruction点击保存配置将自动写入浏览器本地存储配置面板的完整字段定义可参考 ConfigPanel.tsx配置持久化逻辑见 useAgent.ts。跑通第一个任务回到侧边栏聊天视图输入框中直接描述任务例如帮我搜索 page-agent 相关资料打开前两个结果页把核心功能整理成要点回车后你会在面板中实时看到 Agent 的每一步思考 → 执行工具 → 输出结果。多页任务的标签页会被自动分组管理任务结束后自动保存到历史记录随时可回看或重跑历史功能见 db.ts。进阶让网页 JS 通过 Token 调用扩展 API如果你希望在自己的网页应用里触发多页任务扩展提供了window.PAGE_AGENT_EXT全局接口。出于安全考虑能力调用受 Token 保护——扩展权限范围较广页面访问、导航、多标签控制必须用户主动把 Token 交给信任的应用。在扩展设置页复制你的Auth Token在你信任的页面中写入localStorage.setItem(PageAgentExtUserAuthToken, 你的token)Token 匹配成功后扩展即向页面注入 API可调用PAGE_AGENT_EXT.execute(task, config)—— 执行一个多页任务PAGE_AGENT_EXT.stop()—— 停止当前任务完整的参数表、返回类型与示例代码都在扩展 API 文档中extension_api.md。⚠️ 安全提示切勿把 Token 提供给不可信的页面或脚本。常见问题安装后必读Q1扩展支持所有窗口类型吗不支持。扩展依赖标签分组Tab GroupAPI仅对普通浏览器窗口生效弹窗窗口或 PWA 应用窗口无效。此限制也明确写在 extension_api.md 中。Q2扩展装好了但页面里提示未检测到扩展确认页面 JS 已按上文设置了正确的 Auth Token注入是异步的页面脚本需等待最多 1 秒等待代码可参考文档中的waitForExtension示例。Q3如何获取更新版本商店版本之外项目 Releases 渠道通常发布更早的更新。可先 clone 仓库查看发布说明git clone https://gitcode.com/GitHub_Trending/pa/page-agent然后在仓库内查阅 CHANGELOG.md 了解版本变化。Q4扩展的浏览器权限为什么那么多这是多页任务的必要代价需要tabs、tabGroups、sidePanel、storage权限以及全站点访问权具体清单可查 wxt.config.js。Token 机制正是为此类风险设计的访问闸门。相关文件速查想了解什么去哪里看扩展 API 与 Token 授权extension_api.md多页 Agent 核心逻辑MultiPageAgent.ts侧边栏界面实现sidepanel/App.tsx扩展构建配置与权限wxt.config.js隐私说明PRIVACY.md项目总览中英文档README.md / README-zh.md装好 page-agent 扩展后你的浏览器就变成了一台听得懂人话的多页 AI 浏览器——下次要跨页面填 20 个表单时试着只用一句话搞定它。【免费下载链接】page-agentJavaScript in-page GUI agent. Control web interfaces with natural language.项目地址: https://gitcode.com/GitHub_Trending/pa/page-agent创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 page-agent扩展安装教程：Chrome Web Store一键装好你的多页AI浏览器
page-agent扩展安装教程Chrome Web Store一键装好你的多页AI浏览器【免费下载链接】page-agentJavaScript in-page GUI agent. Control web interfaces with natural language.项目地址: https://gitcode.com/GitHub_Trending/pa/page-agentpage-agent 扩展安装只需在 Chrome Web Store 里一键添加到 Chrome即可完成。安装后你就能拥有你的多页 AI 浏览器——用一句自然语言指挥浏览器跨多个标签页连续执行任务填表、查资料、切换页面全程无需手写脚本。本教程面向新手3 分钟带你从零装好并跑通第一个多页任务。什么是 page-agent 浏览器扩展page-agent是一个用纯 JavaScript 实现的页面内 GUI Agent能用自然语言操作网页界面。它的 Chrome 扩展是可选的能力扩展多页任务跨多个页面和标签页连续执行任务不再受限于单页上下文浏览器级控制跨标签导航、页面切换等更完整的浏览器自动化开放集成接口用户主动授权后页面 JS、本地 Agent 或云端 Agent 都可以通过扩展发起多页任务 简单理解核心库负责在单个页面里干活扩展负责把整个浏览器变成一个可指挥的 AI 员工。扩展界面采用侧边栏Side Panel设计顶部有状态指示点、历史记录和设置按钮中间实时滚动 Agent 的思考与执行过程底部输入框输入任务、回车即可发送运行中随时可一键停止。相关交互实现在 App.tsx。一键安装步骤Chrome Web Store 3 步装好第 1 步打开 Chrome Web Store在 Chrome 浏览器地址栏输入chrome web store并打开官方商店页面建议直接在商店内搜索Page Agent定位应用认准与本项目同名的扩展即可。第 2 步点击添加至 Chrome在扩展详情页右侧点击添加至 Chrome / Add to Chrome按钮确认弹出的确认框扩展即自动安装完成——整个过程无需解压、无需配置这就是一键安装。第 3 步固定到工具栏安装完成后点击浏览器右上角的拼图图标扩展菜单找到 Page Agent 并点击图钉图标将其固定方便随时打开。✅ 检查是否装好工具栏应出现 page-agent 的彩色 Logo 图标点击后右侧弹出侧边栏即代表安装成功。如果商店版本更新节奏较慢也可以从项目的 Releases 渠道获取更新版本的扩展包安装步骤见下方常见问题。首次使用配置模型并下发第一个多页任务配置 LLM 模型点击扩展图标打开侧边栏再点击右上角的Settings齿轮图标在设置页填写你的 LLMbaseURL、model和apiKey扩展默认内置了一个免费测试端点开箱即可体验可选项语言偏好、最大步数maxSteps、系统级指令systemInstruction点击保存配置将自动写入浏览器本地存储配置面板的完整字段定义可参考 ConfigPanel.tsx配置持久化逻辑见 useAgent.ts。跑通第一个任务回到侧边栏聊天视图输入框中直接描述任务例如帮我搜索 page-agent 相关资料打开前两个结果页把核心功能整理成要点回车后你会在面板中实时看到 Agent 的每一步思考 → 执行工具 → 输出结果。多页任务的标签页会被自动分组管理任务结束后自动保存到历史记录随时可回看或重跑历史功能见 db.ts。进阶让网页 JS 通过 Token 调用扩展 API如果你希望在自己的网页应用里触发多页任务扩展提供了window.PAGE_AGENT_EXT全局接口。出于安全考虑能力调用受 Token 保护——扩展权限范围较广页面访问、导航、多标签控制必须用户主动把 Token 交给信任的应用。在扩展设置页复制你的Auth Token在你信任的页面中写入localStorage.setItem(PageAgentExtUserAuthToken, 你的token)Token 匹配成功后扩展即向页面注入 API可调用PAGE_AGENT_EXT.execute(task, config)—— 执行一个多页任务PAGE_AGENT_EXT.stop()—— 停止当前任务完整的参数表、返回类型与示例代码都在扩展 API 文档中extension_api.md。⚠️ 安全提示切勿把 Token 提供给不可信的页面或脚本。常见问题安装后必读Q1扩展支持所有窗口类型吗不支持。扩展依赖标签分组Tab GroupAPI仅对普通浏览器窗口生效弹窗窗口或 PWA 应用窗口无效。此限制也明确写在 extension_api.md 中。Q2扩展装好了但页面里提示未检测到扩展确认页面 JS 已按上文设置了正确的 Auth Token注入是异步的页面脚本需等待最多 1 秒等待代码可参考文档中的waitForExtension示例。Q3如何获取更新版本商店版本之外项目 Releases 渠道通常发布更早的更新。可先 clone 仓库查看发布说明git clone https://gitcode.com/GitHub_Trending/pa/page-agent然后在仓库内查阅 CHANGELOG.md 了解版本变化。Q4扩展的浏览器权限为什么那么多这是多页任务的必要代价需要tabs、tabGroups、sidePanel、storage权限以及全站点访问权具体清单可查 wxt.config.js。Token 机制正是为此类风险设计的访问闸门。相关文件速查想了解什么去哪里看扩展 API 与 Token 授权extension_api.md多页 Agent 核心逻辑MultiPageAgent.ts侧边栏界面实现sidepanel/App.tsx扩展构建配置与权限wxt.config.js隐私说明PRIVACY.md项目总览中英文档README.md / README-zh.md装好 page-agent 扩展后你的浏览器就变成了一台听得懂人话的多页 AI 浏览器——下次要跨页面填 20 个表单时试着只用一句话搞定它。【免费下载链接】page-agentJavaScript in-page GUI agent. Control web interfaces with natural language.项目地址: https://gitcode.com/GitHub_Trending/pa/page-agent创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考