AI网页助手 Chrome插件

一个功能强大的Chrome浏览器插件，可以提取网页内容并使用AI进行总结和对话。

功能特点

• 🎨 侧边栏界面 - 优雅的侧边栏设计，不干扰浏览体验
• 📄 网页内容提取 - 智能提取网页标题、URL和正文内容
• 🤖 AI总结 - 一键对网页内容进行AI总结
• 💬 智能对话 - 基于网页内容与AI进行对话交流
• ⚙️ 自定义配置 - 支持自定义API地址、Key和模型

安装方法

1. 下载或克隆此项目到本地
2. 打开Chrome浏览器，访问 chrome://extensions/
3. 开启右上角的"开发者模式"
4. 点击"加载已解压的扩展程序"
5. 选择本项目的文件夹
6. 或者进入Chrome应用商店 搜索“奈斯AI网页助手”

使用说明

1. 配置AI服务

首次使用需要配置AI服务：

1. 点击插件图标打开侧边栏
2. 点击右上角的设置按钮（⚙️）
3. 填写以下信息：

   • API地址: AI服务的API端点（默认为OpenAI格式）
   • API Key: 你的API密钥
   • 模型: 使用的模型名称（如 gpt-3.5-turbo）
4. 点击"保存"

2. 提取网页内容

1. 浏览任意网页
2. 打开插件侧边栏
3. 点击"提取网页内容"按钮
4. 网页的标题、URL和主要内容将被提取并显示

3. AI总结

1. 提取网页内容后
2. 点击"AI总结"按钮
3. AI将自动分析并总结网页内容

4. 对话交流

1. 在底部输入框输入你的问题
2. 点击"发送"按钮或按 Ctrl+Enter
3. AI会基于网页内容回答你的问题

支持的AI服务

本插件兼容OpenAI API格式的服务，包括：

• OpenAI (GPT-3.5/GPT-4)
• 国内兼容OpenAI格式的AI服务
• 自建的兼容服务

项目结构

ai_request/
├── manifest.json          # 插件配置文件
├── background.js          # 后台脚本
├── content.js            # 内容脚本（网页内容提取）
├── sidepanel.html        # 侧边栏HTML
├── sidepanel.js          # 侧边栏逻辑
├── styles.css            # 样式文件
└── icons/                # 图标文件
    ├── icon16.svg
    ├── icon48.svg
    └── icon128.svg

技术栈

• Manifest V3
• Chrome Side Panel API
• Chrome Storage API
• Vanilla JavaScript
• CSS3

注意事项

• 请确保API Key的安全，不要泄露给他人
• API调用可能会产生费用，请根据服务商的定价合理使用
• 某些网页可能因为安全策略无法提取内容

许可证

MIT License