元素滚动截图产品徽标
Chrome 扩展 · MV3v0.2.0本地纯算 · 40KB

适用于 Chrome、Edge、Brave、Arc 等 Chromium 浏览器

元素滚动截图

Element Scroll Capture

选定页面中任意带滚动条的内部元素,自动逐屏滚动并拼接成一张完整长图。专门解决常规长截图截不全后台数据表格、聊天记录、侧边栏抽屉与代码框的痛点。

本扩展不发起任何网络请求,没有远程脚本与后端服务器,截图与偏好配置仅在本地设备处理。

为什么常规长截图总是截不全?

常规截图工具的痛点
  • 只针对整个 window 或全局页面滚屏。
  • 遇到后台表格、聊天弹窗等局部滚动区域,只能截到当前显示的第一屏。
  • 自动滚动容易导致吸顶导航、悬浮工具栏在拼接图中反复出现并遮挡内容。
元素滚动截图的解法
  • 光标直接锁定需要截取的特定容器,不受页面其他区域干扰。
  • 程序驱动该容器自身精准向下滚动,逐屏捕获并自动无损拼合。
  • 智能识别 fixed 与 sticky 元素,消除长图重叠残影。

核心特性

精准锁定

内部容器级滚动截取

常规长截图工具只认 window/body;本扩展通过 DOM 树递归检索,无论嵌套多少层 div,只要存在 overflow 滚动条均可精准选中截取。

智能规避

浮动元素防重复遮挡

针对现代 Web 应用常见的 fixed / sticky 吸顶表头或悬浮按钮,支持滚动时智能处理,杜绝拼接长图中反复出现横条或残影。

隐私承诺

100% 本地处理,零网络请求

基于 Manifest V3 标准,无需常驻后台。仅在主动点击时获取 activeTab 视口,拼接运算全在本地 Canvas 完成,无任何后端与遥测数据。

灵活导出

轻量高效,参数自由调节

扩展安装包仅 40KB,支持根据网速调节滚动等待时间以保证懒加载图片完全渲染,支持导出高保真 PNG 或紧凑 JPEG。

运行界面实测

真实扩展运行捕获(5 阶段流程)
选定局部滚动容器

1. 选定局部滚动容器

光标悬停自动高亮带有滚动条的元素(表格、代码框、聊天面板),点击即锁定目标。

自定义参数面板

2. 自定义参数面板

自由配置滚动等待间隔、重叠容错、输出格式(PNG/JPEG)及图片尺寸上限。

自动步进与拼接

3. 自动步进与拼接

扩展平滑驱动容器向下滚动,实时显示捕获进度,随时可暂停或中止。

本地历史管理

4. 本地历史管理

结果暂存于本地 IndexedDB,保留最近 5 张便于反复查看,用完即删。

超长完整长图导出

5. 超长完整长图导出

支持新标签页大图全屏缩放检查,提供一键下载与快速复制到剪贴板。

如何使用

  1. 1. 安装与固定 Chrome 应用商店 点击“添加至 Chrome”,建议在浏览器右上角将扩展图标固定在工具栏。
  2. 2. 选定目标容器在任意包含滚动内容的页面点击扩展图标,鼠标移动到包含滚动条的目标元素(例如表格、代码框或聊天流),页面会出现高亮提示框,单击完成选定。
  3. 3. 自动步进滚动扩展将自动接管该容器并匀速逐屏向下滚动截图。若页面包含懒加载,可在设置中适当增加滚动等待时间以保障完全加载。
  4. 4. 预览与一键导出捕获完成后自动打开结果页,支持全尺寸长图清晰度核对,可一键下载为 PNG 或 JPEG,或直接复制图片到系统剪贴板。

设计与隐私边界

为什么不设计成全自动整页推断?

复杂的前端后台、文档系统(如 Notion、飞书、微信读书、各云平台控制台)往往由多层嵌套的 flexgrid 布局构成,存在多个平行的滚动区域。由用户主动点击指定目标容器,能够确保截取结果 100% 符合预期,杜绝误判。

扩展申请了哪些权限?会不会泄露网页隐私?

扩展仅申请了 activeTabscriptingstoragedownloads 四项最小权限。扩展没有常驻脚本,只有在你主动点击扩展时才对当前标签页生效;所有画面在内存 Canvas 中拼接,绝不向任何远程服务器回传数据。详情可参阅隐私政策声明

生成的长图存储在哪里?

拼接好的图片仅保存在浏览器本地的 IndexedDB 中,用于在结果页面预览和再次下载。最多仅保留最近 5 张记录,超出后自动循环覆盖,不会长期占用磁盘空间。

支持哪些浏览器?

所有基于 Chromium 内核的现代浏览器均可完美安装和使用,包括 Google Chrome、Microsoft Edge、Brave、Arc、Vivaldi 以及各类国内双核浏览器。