hubian
7f7c13bf7f
功能: - 右键菜单扩展（收藏、总结、深度研究） - 智能页面内容提取（文本+图片） - 收藏管理界面 - AI总结与深度研究 - 支持自定义API配置（OpenAI/Ollama） 技术: - Chrome Extension Manifest V3 - Service Worker后台脚本 - Content Script内容提取 - 智能文章主体识别 - 本地Storage收藏存储 图标已生成，可替换为更好设计
110 lines
2.7 KiB
Markdown
110 lines
2.7 KiB
Markdown
# 网页助手 - 浏览器扩展插件
|
||
|
||
> 右键菜单扩展：快速收藏网页、AI总结、深度研究分析
|
||
|
||
## 功能特点
|
||
|
||
### 📌 收藏功能
|
||
- **收藏网页**：一键保存网页内容（文本+图片）
|
||
- **收藏选中内容**：右键选中文字即可收藏
|
||
- **收藏图片**：右键图片直接收藏
|
||
|
||
### 📝 AI总结
|
||
- **总结网页**：AI智能提炼网页核心要点
|
||
- **总结选中内容**：快速总结选中的文字
|
||
|
||
### 🔍 深度研究
|
||
- **深度研究网页**：AI全面分析网页内容
|
||
- **深度研究选中内容**：深入研究特定文字
|
||
|
||
## 安装方法
|
||
|
||
### Chrome浏览器
|
||
|
||
1. 打开 Chrome，访问 `chrome://extensions/`
|
||
2. 开启右上角「开发者模式」
|
||
3. 点击「加载已解压的扩展程序」
|
||
4. 选择 `web-context-extension` 目录
|
||
|
||
### Edge浏览器
|
||
|
||
1. 打开 Edge，访问 `edge://extensions/`
|
||
2. 开启左下角「开发人员模式」
|
||
3. 点击「加载解压缩的扩展」
|
||
4. 选择 `web-context-extension` 目录
|
||
|
||
## 使用方法
|
||
|
||
1. 在任意网页右键点击
|
||
2. 选择「网页助手」菜单
|
||
3. 选择需要的功能：
|
||
- 📌 收藏此网页
|
||
- 📝 AI总结此页
|
||
- 🔍 深度研究此页
|
||
|
||
4. 点击插件图标查看结果和收藏列表
|
||
|
||
## API配置
|
||
|
||
要在插件设置中配置AI API：
|
||
|
||
### OpenAI API
|
||
```
|
||
API地址: https://api.openai.com/v1
|
||
API Key: sk-xxxx
|
||
模型: gpt-4 / gpt-3.5-turbo
|
||
```
|
||
|
||
### 本地LLM服务 (Ollama)
|
||
```
|
||
Ollama地址: http://localhost:11434
|
||
Ollama模型: llama3:8b / qwen:7b
|
||
```
|
||
|
||
### 自定义API
|
||
支持任何兼容OpenAI格式的API服务。
|
||
|
||
## 项目结构
|
||
|
||
```
|
||
web-context-extension/
|
||
├── manifest.json # 扩展配置
|
||
├── src/
|
||
│ ├── background.js # 后台脚本（右键菜单处理）
|
||
│ ├── content.js # 内容脚本（页面内容提取）
|
||
│ ├── popup.html # 弹窗界面
|
||
│ └── popup.js # 弹窗逻辑
|
||
├── icons/ # 图标资源
|
||
│ ├── icon16.png
|
||
│ ├── icon48.png
|
||
│ └── icon128.png
|
||
└── README.md
|
||
```
|
||
|
||
## 技术特点
|
||
|
||
- **Manifest V3**：使用最新的Chrome扩展规范
|
||
- **智能内容提取**：自动识别文章主体，过滤广告和干扰内容
|
||
- **图片提取**：智能提取页面重要图片，过滤小图标和广告图
|
||
- **本地存储**：收藏数据保存在浏览器本地，无需服务器
|
||
|
||
## 版本历史
|
||
|
||
### v0.1.0 (2026-04-08)
|
||
- 初始版本
|
||
- 右键菜单扩展功能
|
||
- 网页内容智能提取
|
||
- 收藏、总结、深度研究功能
|
||
- 支持自定义API配置
|
||
|
||
## 待开发功能
|
||
|
||
- [ ] 导出收藏数据（JSON/HTML）
|
||
- [ ] 收藏分类和标签
|
||
- [ ] 搜索收藏内容
|
||
- [ ] 同步到云端
|
||
- [ ] 更多AI分析功能
|
||
|
||
## License
|
||
|
||
MIT |