浏览器代理(browser-agent)-browser-agent
2026-03-04 23:29:42
行业：人工智能
载体：插件
技术：JavaScript、TypeScript
业务和功能介绍
### 什么是 Browser Agent？
一个使用 AI 帮助你自动化浏览器任务的 Chrome 扩展。
### 功能特性
- 与 AI 对话讨论网页内容
- 自动化浏览器任务
- 从网站提取内容
- **文件管理系统**
- 预览和编辑 CSV 文件
- 查看 HTML 文件
- 搜索和过滤文件
- 下载和管理生成的文件
### Features
- Chat with AI about web pages
- Automate browser tasks
- Extract content from websites
- **File Management System**
- Preview and edit CSV files
- View HTML files
- Search and filter files
- Download and manage generated files
一个使用 AI 帮助你自动化浏览器任务的 Chrome 扩展。
### 功能特性
- 与 AI 对话讨论网页内容
- 自动化浏览器任务
- 从网站提取内容
- **文件管理系统**
- 预览和编辑 CSV 文件
- 查看 HTML 文件
- 搜索和过滤文件
- 下载和管理生成的文件
### Features
- Chat with AI about web pages
- Automate browser tasks
- Extract content from websites
- **File Management System**
- Preview and edit CSV files
- View HTML files
- Search and filter files
- Download and manage generated files
项目实现
Browser Agent 项目实现
1. 项目概述
Browser Agent 是一个 AI 驱动的 Chrome 浏览器扩展，通过自然语言指令自动执行网页操作，如搜索、点击、信息提取等。
2. 核心架构
技术栈：
- Chrome Extension (Manifest V3)
- TypeScript / JavaScript
- LLM API 集成 (OpenAI/DeepSeek)
主要组件：
popup.html/js/css - 插件主界面
content.js - 页面内容脚本，执行 DOM 操作
background.js - 后台服务，处理任务状态
agent.js - AI Agent 核心逻辑
file-manager.js - 文件管理（CSV/HTML 生成）
llm-client.js - LLM API 客户端
3. 核心功能实现
3.1 AI Agent 循环
用户输入 → LLM 分析 → 生成动作 → 执行动作 → 获取页面状态 → 循环
3.2 页面元素识别
- AOM (Accessibility Object Model) 快照
- 语义化元素标记（按钮、链接、输入框等）
- Ref 引用系统定位元素
3.3 支持的动作
- navigate(url) - 导航到页面
- search(text) - 自动搜索
- click(ref) - 点击元素
- fill(ref, text) - 填写输入框
- snapshot() - 获取页面结构
- getText(ref) - 提取文本
- finished(result) - 完成任务
4. 文件结构
chrome-extension/
popup.html - 主界面
popup.js - 界面逻辑
popup.css - 样式
content.js - 页面操作
background.js - 后台服务
agent.js - AI Agent
file-manager.js - 文件管理
llm-client.js - API 客户端
manifest.json - 扩展配置
5. 使用方法
6. 安装扩展并配置 API Key
7. 输入任务指令（如：在 B站搜索 Python 教程）
8. Agent 自动执行并返回结果
9. 特性
- 自然语言控制浏览器
- 支持多网站（B站、百度等）
- 自动生成 CSV/HTML 报告
- 文件管理（预览、下载、删除）
- 任务进度追踪
- 循环检测防止死循环
1. 项目概述
Browser Agent 是一个 AI 驱动的 Chrome 浏览器扩展，通过自然语言指令自动执行网页操作，如搜索、点击、信息提取等。
2. 核心架构
技术栈：
- Chrome Extension (Manifest V3)
- TypeScript / JavaScript
- LLM API 集成 (OpenAI/DeepSeek)
主要组件：
popup.html/js/css - 插件主界面
content.js - 页面内容脚本，执行 DOM 操作
background.js - 后台服务，处理任务状态
agent.js - AI Agent 核心逻辑
file-manager.js - 文件管理（CSV/HTML 生成）
llm-client.js - LLM API 客户端
3. 核心功能实现
3.1 AI Agent 循环
用户输入 → LLM 分析 → 生成动作 → 执行动作 → 获取页面状态 → 循环
3.2 页面元素识别
- AOM (Accessibility Object Model) 快照
- 语义化元素标记（按钮、链接、输入框等）
- Ref 引用系统定位元素
3.3 支持的动作
- navigate(url) - 导航到页面
- search(text) - 自动搜索
- click(ref) - 点击元素
- fill(ref, text) - 填写输入框
- snapshot() - 获取页面结构
- getText(ref) - 提取文本
- finished(result) - 完成任务
4. 文件结构
chrome-extension/
popup.html - 主界面
popup.js - 界面逻辑
popup.css - 样式
content.js - 页面操作
background.js - 后台服务
agent.js - AI Agent
file-manager.js - 文件管理
llm-client.js - API 客户端
manifest.json - 扩展配置
5. 使用方法
6. 安装扩展并配置 API Key
7. 输入任务指令（如：在 B站搜索 Python 教程）
8. Agent 自动执行并返回结果
9. 特性
- 自然语言控制浏览器
- 支持多网站（B站、百度等）
- 自动生成 CSV/HTML 报告
- 文件管理（预览、下载、删除）
- 任务进度追踪
- 循环检测防止死循环
示例图片视频
相似推荐
润渝甄选门户PC端
该项目是客户的项目集群中的一环，在完整项目中，目前共有不良资产核心业务、资金管理、人力绩效考核、资产估值、日常报表、法务诉讼、资产地图、安硕大数据、润渝甄选门户、对外数据报送、消息服务平台等11个PC端项目，有移动尽调、润渝甄选2个小程序服务，是甲方为响应政府，接纳吸收各地区不良资产，重新打包担保转售业务，在经过对内立项、尽调、可研及放款后，将不良资产收回，进而寻找新的出资方吗，本项目为对外可提供部分，主要对外公布展示了目前客户内部已收回的资产明细和拍卖价格明细等信息，
某物联网PaaS平台
一、立项背景和目标
为应对各行业设备分散、协议不统一、数据孤岛、运维成本高、智能化不足等痛点，依托 5G、云计算、边缘计算、大数据与 AI 技术，建设统一、开放、安全、可扩展的物联网 PaaS 平台。向下兼容多协议设备接入，向上提供标准化能力与开放 API，支撑智慧城市、智能制造、智慧园区、智慧能源等场景快速落地。目标是实现海量设备统一接入与全生命周期管理、数据全链路贯通、智能联动与可视化运维，降低应用开发门槛，提升运营效率，赋能产业数字化转型。
二、软件功能与核心功能模块
平台以连接、管理、数据、智能、开放为核心，提供一站式物联网能力：
设备接入与协议适配：支持 MQTT、CoAP、HTTP、Modbus 等主流协议，支持直连、网关、子设备接入，提供设备认证、加密传输与高并发连接。
设备全生命周期管理：覆盖设备注册、分组、物模型定义、状态监控、远程控制、OTA 升级、故障诊断、注销下线全流程。
数据采集与存储分析：实时采集、清洗、转换、持久化时序数据，提供历史查询、趋势分析、报表统计与数据可视化。
规则引擎与场景联动：支持阈值告警、数据转发、设备联动、定时任务、条件触发，实现自动化业务逻辑。
告警与运维中心：统一告警推送、工单流转、运行监控、日志审计、性能统计，保障平台稳定。
开放 API 与应用使能：提供标准接口、应用开发框架、设备模拟器，支持快速构建上层 SaaS 应用。
安全与权限管理：设备身份认证、传输加密、访问控制、操作审计，保障数据与设备安全。
三、业务流程与功能路径
设备接入流程：创建产品→定义物模型→生成凭证→设备 / 网关接入→身份认证→数据上报→平台核验上线。
设备管理路径：设备管理→列表 / 分组→状态查看→远程控制→参数配置→OTA 升级→故障诊断。
数据处理路径：数据采集→协议解析→清洗计算→时序存储→可视化展示→数据订阅 / 转发。
规则与告警路径：规则引擎→创建规则→配置触发条件→定义执行动作→告警中心→通知与处理。
应用开发路径：开放平台→申请 API 密钥→接口调试→对接能力→应用发布→运行监控。
Shopify 电商自动化系统
这是一个**全自动化的电商内容生产系统**，专注于三丽鸥(Sanrio)主题的可爱商品。它能自动完成以下工作：小红书热门视频 → AI筛选 → 拼多多找同款 → 生成商品信息 → Shopify上架 → 生成带货视频
| 功能模块 | 描述 |
| -------- | ---------------------------------------- |
| 视频采集 | 从小红书自动爬取热门视频 |
| AI筛选 | 用 Gemini/GPT 判断视频是否符合三丽鸥主题 |
| 以图搜图 | 通过 FireRPA 在拼多多搜索同款商品 |
| 商品上架 | 自动生成英文标题、描述，上架到 Shopify |
| 评论生成 | 爬取拼多多评论，AI优化后生成评论图 |
| 视频生成 | 自动生成带货视频（引流版/品牌版） |
电商企业会员团队管理平台-会员核算系统
1.解决企业会员等级、团队、佣金手工管理效率低下的问题。
2.基本功能包括：
1）会员信息管理：会员的等级及团队管理
2）产品定价管理：平台产品信息、分类及定价管理，以与会员等级的匹配
3）订单管理：订单与电商平台的对接
4）账户管理：创建会员的资金账户，对资金出入情况进行管理
5）佣金管理:根据会员等级及订单情况进行佣金计算
6）报表管理：财务报表的管理，包括账户报表，资金报表等，辅助财务管理
7）提现管理：财务对会员提现的审核管理
借调人员管理系统
用于管理分公司借调到总公司的人员管理
辅助自己在管理者这些人员时，能够将相关人员的各种信息都记录清楚，包括个人信息、资产信息等等，
将所有的信息都有效的整合到一起，而不是只能依赖excel
另外，还可以按照不同的要求导出相应的数据，以满足不同部门的需求
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服