跳至内容

滚动截图

滚动截图的含义,它与整页截图的区别,以及何时使用滚动截图。

滚动截图是指通过滚动超出可见范围的内容并逐段截取,最终拼接成一张图片的截图方式。内容可能比屏幕更高或更宽,滚动截图可将其保存为一张长图。

滚动截图适用于任何可以滚动的应用:聊天记录、设置面板、长文档、信息流和网页。部分手机在系统截图工具中内置了滚动截图功能。macOS 自带的截图工具只能截取可见画面,因此在 Mac 上进行滚动截图需要借助浏览器功能、扩展程序或第三方应用。

滚动截图与整页截图

整页截图是针对网页的截取方式:浏览器在当前视口宽度下,无需滚动即可将整个文档渲染为一张图片。滚动截图则是实际滚动窗口并拼接可见的各段内容,因此可用于浏览器之外的应用,也适用于嵌套的滚动区域。整页截图不会产生接缝。滚动截图适用范围更广,但依赖各段之间内容的稳定性。

滚动截图的使用场景

  • 为留存记录或支持服务而截取的长聊天记录。
  • 内容位于滚动面板而非主页面中的网页。
  • 超过一屏的应用设置和表单。
  • 较长的收据、订单确认和时间线。

滚动截图的工作方式

  1. 工具截取可见区域。
  2. 工具以固定距离滚动,并保留重叠部分。
  3. 工具再次截取,重复此过程直到末尾。
  4. 工具匹配重叠部分,并拼接各段。

在 Firefox 中,截图工具可以保存整个页面。在 Chrome 中,开发者工具提供“捕获全尺寸屏幕截图”命令。

滚动截图的常见错误

  • 固定标题栏在每一段中重复出现。
  • 懒加载图片因尚未加载而显示为空白。
  • 滚动速度过快,动画尚未稳定。
  • 截取了不允许完整复制的内容。

反复截取相同画面?

Temposhot 的 Chrome 扩展程序会滚动当前标签页,在本地以 Retina 分辨率拼接各视口,并下载一张 PNG 图片。对于多个 URL,Website Capture 的 Full page 区域可在一次运行中处理整个列表。

常见问题

Mac 能直接进行滚动截图吗?

使用 Shift+Command+3、Shift+Command+4 或 Shift+Command+5 无法实现。这些快捷键只截取当前可见的屏幕。

如何拼接滚动时截取的图片?

在浏览器中使用Stitch Screenshots。

来源

相关资源

总是重复截取相同的截图吗?

Temposhot 可定时截取屏幕、窗口或指定区域,并将结果导出为 PDF、图片、ZIP 或 MP4。免费的网页工具只能处理单张图片。

相关资源

相关术语

全部术语