🤖 AI Browser Assistant:让浏览器拥有最强大脑
🧠 一款具备 AI 能力的浏览器插件,支持网页内容分析、自动化操作和 API 调用!
🚀 浏览器也能有 AI 超能力
想象一下:
- 🌐 打开任意网页,AI 自动分析内容
- 📝 一键总结文章要点
- 🔍 智能提取关键信息
- ⌨️ AI 帮你填写表单
- 🔄 自动化批量操作网页
AI Browser Extension 让这一切成为现实!
🏗️ 架构设计
┌─────────────────────────────────────────────────────┐
│ AI Browser Extension │
├─────────────────────────────────────────────────────┤
│ ┌─────────────┐ ┌─────────────────┐ │
│ │ Popup UI │ │ Options Page │ 用户界面 │
│ └──────┬──────┘ └────────┬────────┘ │
│ │ │ │
│ ┌──────▼───────────────────▼──────┐ │
│ │ Background Service Worker │ 核心引擎 │
│ │ (消息处理 + AI 调用) │ │
│ └──────────────┬──────────────────┘ │
│ │ │
│ ┌──────────────▼──────────────────┐ │
│ │ Content Script │ 页面注入 │
│ │ (DOM 操作 + 内容提取) │ │
│ └─────────────────────────────────┘ │
└─────────────────────────────────────────────────────┘
✨ 核心组件
| 组件 | 功能 | 说明 |
|---|---|---|
| Popup UI | 弹窗界面 | 快捷操作 + AI 对话 |
| Options Page | 设置页面 | 配置 AI 提供商和模型 |
| Background Worker | 后台核心 | 消息处理 + AI 调用 |
| Content Script | 页面脚本 | DOM 操作 + 内容提取 |
| Content Extractor | 内容提取器 | 标题/文本/链接/表单 |
| Action Handler | 动作执行器 | 点击/输入/滚动/提交 |
🤖 AI 提供商支持
| 提供商 | 连接方式 | 模型 |
|---|---|---|
| Ollama | 本地 HTTP | 开源模型(Llama、Qwen 等) |
| Claude | Anthropic API | Claude 3.5 Sonnet |
| OpenAI | OpenAI API | GPT-4、GPT-3.5 Turbo |
| Gemini | Google API | Gemini Pro |
你可以自由选择喜欢的 AI 模型!
💡 使用场景
📰 内容分析
打开技术博客 → AI 自动提取摘要 → 一键收藏
📝 表单填写
访问招聘网站 → AI 帮你填写简历 → 批量申请职位
🔍 信息提取
打开商品页面 → AI 提取规格参数 → 对比分析
🔄 自动化操作
打开多个页面 → AI 自动执行点击 → 批量完成操作
🛠️ 技术栈
- 🌐 Chrome Extension API:浏览器扩展开发
- 📜 JavaScript/TypeScript:现代前端技术
- 🤖 RESTful API:与 AI 服务通信
- 🔧 DOM Manipulation:页面内容操作
🚀 快速开始
# 克隆项目
git clone https://github.com/jiafeimao-gjf/ai-browser-extension.git
# 打开 Chrome
# 设置 → 扩展程序 → 开启开发者模式
# 加载已解压的扩展程序 → 选择项目目录
# 配置 AI
# 点击扩展图标 → 设置 → 选择 AI 提供商 → 输入 API Key
🌟 功能亮点
- ✅ 多 AI 支持:Ollama / Claude / OpenAI / Gemini
- ✅ 本地优先:支持 Ollama 本地部署,数据不上云
- ✅ 内容提取:智能解析网页结构
- ✅ 自动化操作:模拟人类操作网页
- ✅ 完全开源:代码透明,安全可控
💬 为什么选择它?
- 🔒 隐私安全:支持本地 Ollama,无需上传数据
- 🎯 高度定制:开源代码,可自由修改
- 🚀 开箱即用:配置简单,上手容易
- 🔄 持续更新:活跃开发,功能不断增强
💬 “让浏览器不只是浏览,更是你的智能助手。”
关注我们,获取更多浏览器扩展开发干货!
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 1056615746@qq.com