捲動截圖(長截圖)是指一個頁面區域超出當前螢幕顯示,需要滾動並拼接獲取完整內容,例如網頁、聊天記錄。

imageUnion.png

Mac 上支持長截圖的工具有 Xnip、iShot、Longshot 等。本文使用最新版對比:[Longshot] 1.2.0、iShot 1.7.7、Xnip 2.2.0。

logo.png

捲動長截圖操作邏輯

在可捲動頁面中框選區域,點「捲動截圖」,在選區內垂直滾動,旁邊顯示合成長圖,完成後保存。三款操作流程基本一致。

operate_business.png

功能對比概覽

比較項LongshotXnipiShot
区域框选适应性⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️
滚动方向容错性⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️
非纯色背景支持
动态内容块适应性⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️
纯色内容块适应性⭐️⭐️⭐️⭐️⭐️⭐️
动态调整滚动方向
动态调整滚动区域
滚动中再次拼接能力
滚动速度适应性⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️
窗口点选滚动支持
横向滚动截图
全景滚动截图

捲動區域框選

不精確框選時是否容錯?Longshot > iShot > Xnip,Xnip 要求最嚴。

select_area.png

滾動方向偏移

垂直滾動難免有水平偏移,容錯上 Longshot > iShot > Xnip,Xnip 容錯最低。

horizontal_bias.png

捲動區域內容

  • 非純色背景:只有 Longshot 支持;iShot/Xnip 不支持。
    notpure_background.png
  • 動態內容:Longshot > iShot > Xnip,測試頁:https://giphy.com/trending-gifs
    dynamic_content.png
  • 純色區域:Xnip > iShot > Longshot,但都不理想;Longshot 純色大區域會提示失敗。
    pure_block.png

操作便利性

  • 方向調整:Longshot 支持上/下切換並可滾動中改向;iShot/Xnip 只能向下。
    two_direction.png
  • 區域調整:Longshot 支持滾動中再次調整區域;iShot/Xnip 不支持。
    adjust_contentsize.png
  • 速度適應/再拼接:三者均可再拼接;速度容忍度 iShot > Xnip > Longshot。
  • 窗口點選滾動:Longshot 支持整窗口點選(少數窗口有兼容問題);iShot/Xnip 不支持。

其他

  • 橫向長截圖:Longshot 支持。
  • 全景截圖:Longshot 支持 360°。