ChatShot

Capture ChatGPT/Gemini conversations, generate beautiful share cards or long images (local rendering, privacy-safe).

# 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