滚动自动截图 — 使用说明
扩展名称：滚动自动截图。在网页上框选一块矩形区域后，可在滚动停止一段时间后自动截取该区域并保存为图片。
一、浏览器导入（安装）说明
1. 适用环境
- Google Chrome（推荐，与扩展开发目标一致）
- Microsoft Edge、Brave 等基于 Chromium 的浏览器，步骤与 Chrome 基本相同（扩展管理地址可能略有差异）
以下以 Chrome 为例。
2. 准备工作
- 确认本机已解压扩展文件夹，例如：
d:\chrome\sceenshotauto - 文件夹内需包含
manifest.json、background.js、content.js等完整文件，不要只拷贝部分文件
3. 在 Chrome 中加载扩展
-
打开 Chrome，在地址栏输入并访问：
chrome://extensions/ -
打开右上角的 「开发者模式」 开关。
-
点击 「加载已解压的扩展程序」（或 「加载已解压的扩展」）。
-
在弹出的文件夹选择窗口中，选中扩展所在目录（包含
manifest.json的那一层），点击 「选择文件夹」。 -
列表中应出现 「滚动自动截图」，表示加载成功。
4. 固定到工具栏（建议）
- 点击浏览器右上角的 拼图图标（扩展程序）。
- 找到 「滚动自动截图」，点击 图钉 将其固定到工具栏，方便以后点击。
5. 快捷键（可选）
- 访问：
chrome://extensions/shortcuts - 找到 「滚动自动截图」，可按需修改 开始截图、停止截图 的快捷键，避免与系统或其它扩展冲突。
二、具体操作说明
1. 使用前提
- 在 普通网页（地址以
http://或https://开头）上使用。 - 不支持
chrome://、edge://等浏览器内置页，以及部分受限制页面。 - 若扩展无响应，请先 刷新当前网页 再试（保证内容脚本已注入）。
2. 推荐操作流程
| 步骤 | 操作 |
|---|---|
| ① 打开目标网页 | 进入需要截图的长页面。 |
| ② 框选区域 | 点击工具栏上的扩展图标 → 点击 「框选区域」 → 页面上出现半透明遮罩 → 按住鼠标左键拖动 框出矩形 → 松开鼠标 完成。 |
| ③ 开始截图 | 点击 「开始截图」，或使用快捷键 Ctrl+Shift+S（Mac：⌘+Shift+S）。 |
| ④ 等待自动截图 | 见下方「截图时机说明」。 |
| ⑤ 停止 | 点击 「停止」，或 Ctrl+Shift+E（Mac：⌘+Shift+E），或在页面内按 Esc。 |
3. 截图时机说明
- 第一张：点击开始截图后，若 2 秒内没有滚动，则 2 秒后 自动截取第一张。
- 若在这 2 秒内发生了滚动：第一张改为在 停止滚动满 2 秒后 再截（与后续张逻辑一致）。
- 后续张：需要 先发生滚动，再在 停止滚动满 2 秒后 自动截取下一张，可反复循环。
- 页面内 任意可滚动区域（含内部滚动容器）的滚动一般会触发计时；右上角会有简短状态提示。
4. 框选与取消
- 框选过程中，按 Esc 可 取消 本次框选。
- 框选区域 过小 会提示重新框选。
5. 截图保存位置
- 图片保存在浏览器 「下载」 目录下的子文件夹：
滚动自动截图。 - 具体磁盘路径由 Chrome 的下载设置 决定（设置 → 下载内容 → 位置）。
- 扩展 无法 任意指定系统其它盘符路径，仅能按浏览器下载规则保存。
6. 默认快捷键一览
| 功能 | Windows / Linux | macOS |
|---|---|---|
| 开始截图 | Ctrl+Shift+S | ⌘+Shift+S |
| 停止截图 | Ctrl+Shift+E | ⌘+Shift+E |
| 停止（截图进行中） | Esc | Esc |
可在 chrome://extensions/shortcuts 中修改。
三、常见问题
-
点击「框选区域」没反应
刷新页面后再试；确认当前标签页是http/https网页。 -
提示要先框选区域
先完成一次成功的框选（松开鼠标后区域信息会保存在扩展中）。 -
快捷键无效
到chrome://extensions/shortcuts检查是否被其它扩展占用，或改为其它组合键。 -
找不到截图文件
在 Chrome 设置 → 下载内容 中查看默认下载文件夹，并打开滚动自动截图子文件夹。
