ChatShot

About

# Answer Share（Chrome 扩展）

> 从 ChatGPT / Gemini 等页面，一键将**回答**生成「分享卡片」或「长图」。本地 Canvas 渲染，无需上传内容。

## 主要能力
- ✅ 选中文本或自动获取页面**最后一条回答**
- ✅ 生成两种格式：**卡片**（适合社媒）与 **长图**（适合完整分享）
- ✅ 右下角悬浮按钮、右键菜单两种入口
- ✅ 可配置主题渐变、宽度/高度上限、是否显示来源与时间（`chrome://extensions` → 选项）
- ✅ 无后端依赖，全部在浏览器本地完成

## 支持的站点（默认）
- ChatGPT: `https://chat.openai.com/*`, `https://chatgpt.com/*`
- Gemini: `https://gemini.google.com/*`, `https://ai.google.com/*`

> 如 DOM 结构变化，建议优先使用「**选中文本**」模式；扩展会尽量自动探测最后一条回答。

## 使用
1. 在 Chrome 中打开 `chrome://extensions`，开启**开发者模式**。
2. 点击「加载已解压的扩展程序」，选择本项目目录。
3. 打开 ChatGPT 或 Gemini 页面：
   - 使用右下角的 **“生成分享图”** 悬浮按钮，选择「来源」和「类型」后生成；
   - 或在页面**右键菜单**中选择：`Answer Share：将所选文本生成卡片/长图`。
4. 生成后自动下载 PNG 文件；亦可一键复制到剪贴板（需要用户手势）。

## 实现要点
- Manifest V3，`content_scripts` 注入 UI，`service_worker` 注册上下文菜单。
- 使用 `Canvas` 渲染卡片/长图，**自研中文友好换行**（混排 CJK / 英文）。
- 超长内容自动分页，单页最大高度默认 16000px（可调）。
- 下载采用 `a[download] + ObjectURL`，无需额外权限即可稳定触发。
- 仅在本地渲染，**不上传**任何数据，利于隐私合规。

## 定制点
- 可在 `options.html` 更换主题色、宽度、高度上限与是否显示来源/时间。
- 如需适配更多站点，可在 `getLastAnswerText()` 中添加 DOM 选择器映射。

## 许可
MIT