如何在 Mac、iOS 和 iPadOS 上捕获滚动屏幕截图

常规屏幕截图仅捕获屏幕上可见的内容,而忽略显示区域之外的内容。另一方面,“滚动捕获”(或滚动屏幕截图(Scrolling Screenshot)或整页屏幕截图(Full Page Screenshot))可以一次性捕获设备屏幕之外的所有内容。

滚动屏幕截图不是为冗长的对话或文档的不同部分截取多个屏幕截图,而是为您节省时间(saves you time)和存储空间。在本指南中,我们将向您展示在 iPhone、iPad 和Mac上拍摄滚动屏幕截图的不同方法。

在 iOS 和 iPadOS 上捕获整页屏幕截图(Full Page Screenshot)

iPhone 或 iPad 上的原生屏幕截图工具可以将网页、文档或电子邮件的全部内容捕获为单个屏幕截图。在尝试滚动屏幕​​截图功能之前,请注意以下事项:

  • 您只能在SafariFiles、iBooks 等原生Apple应用程序上截取整页屏幕截图。
  • 捕获网页的滚动屏幕截图仅适用于Safari。目前不支持ChromeFirefox等第三方浏览器。
  • 整页或滚动屏幕截图不会保存为图像。iOS 将它们保存为PDF文件。

考虑到这一点,请按照以下步骤在 iPhone 或 iPad 上捕获整页屏幕截图。

1. 同时按音量上(volume up)键和侧边键(side button)截屏网页、邮件或文档。对于带有Home按钮的 iPhone,同时按下侧边按钮(side button)Home 按钮(Home button)可截取屏幕截图。

2. 点击屏幕左下角的截图缩略图,打开截图编辑工具。

3. 点击整(Full Page)选项以生成网页或文档的整页屏幕截图。

4. 单击完成(Done)继续。

5. 选择将 PDF 保存到文件(Save PDF to Files)

6. 选择您要保存文件的文件夹,然后点击保存(Save)。您还可以通过点击自动生成的文件名来重命名屏幕截图。

要查看PDF,请在您的设备上打开“文件”(Files)应用程序并浏览到您保存文件的位置。

在 Mac 上捕获滚动屏幕截图

macOS 上有一个内置的屏幕截图工具(built-in screenshot tool),但它不捕获滚动屏幕截图。有趣(Interestingly)的是,一些应用程序(主要是 Web 浏览器)具有此功能。在下一节中,我们将向您展示如何在Mac上使用SafariChromeFirefox执行全页屏幕截图。  

(Screenshot an Entire Webpage in Safar)在 Safar i中截取整个网页

Safari有一个内置的屏幕截图工具,可以捕获整个网页并将其保存为图像。该工具隐藏在Safari的“开发者(Developer)”菜单中,因此并不完全可见。按照以下步骤在Safari中捕获整个页面的滚动屏幕截图。 

1. 打开要截取的网页,点击菜单栏上的Safari ,选择(Safari)偏好设置(Preferences)

2. 进入高级选项卡,勾选(Advanced)菜单栏中显示开发菜单(Show Develop menu in the menu bar)旁边的复选框,然后返回网页。

3.在菜单栏上选择Develop并选择(Develop)Show Web Inspector

4. 右键单击​​以html开头的第一行(即页面的HTML元素)并选择Capture Screenshot

5. 为屏幕截图命名,选择您喜欢的存储文件夹/位置,然后选择保存(Save)继续。

6. 导航到文件位置并双击屏幕截图以使用Preview打开。

在 Firefox 中截取整个网页(Screenshot an Entire Webpage in Firefox)

Firefox可以说是你在网络浏览器上能找到的最好的滚动截图工具。它非常易于使用,不需要调整高级设置。事实上,您可以在Firefox中单击两次鼠标来截取整个网页。

  1. 右键单击(Right-click)要截屏的网页上的任意位置,然后选择截(Take a Screenshot)

  1. 或者,单击地址栏旁边的三点图标,然后选择(three-dot icon)截屏(Take a Screenshot)

  1. 单击右上角的保存整页(Save full page)图标。

  1. 接下来,选择下载(Download)将屏幕截图保存到您的Mac上。

在 Chrome 中截取整个网页(Screenshot an Entire Webpage in Chrome)

Chrome还附带一个内置的屏幕截图工具,但与Safari一样,它也隐藏在开发人员(Developer)部分。以下是在Chrome(Chrome)中访问和使用屏幕截图工具捕获整个网页的方法。

1. 点击菜单图标,进入更多工具(More Tools)>开发者工具(Developer Tools)

您还可以通过按键盘上的F12或使用Command + Shift + I快捷键来启动 Chrome 的开发者工具菜单。(Developer Tool)

2. 接下来,单击切换设备工具栏(Toggle device toolbar)图标或按Command + Shift + M

3. 单击左侧边栏上的三点菜单图标,然后选择(three-dot menu icon)捕获全尺寸屏幕截图(Capture full size screenshot)。这将提示Chrome生成整个网页的图像文件。

4. 选择一个文件夹来保存截图并点击保存(Save)

使用(Use)第三方网站、应用程序(Apps)和扩展程序

似乎浏览器最适合在Mac上捕获滚动屏幕截图。如果您需要在另一个应用程序中截取完整的内容截图,则必须使用第三方截图应用程序,例如 Snagit(third-party snipping apps like Snagit)。请注意,其中一些应用程序不是免费的。开发人员通常会为新用户提供免费试用期,但您必须为持续使用支付一些费用。

我们之前提到,iOS 和 iPadOS 仅使用Safari和其他一些 iOS 应用程序捕获滚动屏幕截图。Web-Capture.net等平台为非 Safari 用户提供了替代方案。Web-Capture 是一种在线截屏服务,可让您以多种格式将任何网站的全屏图像下载到您的设备上。 

输入(Enter)网页的URL,选择您喜欢的格式(JPEGPNGPDFTIFFBMPSVG),然后单击捕获网页(Capture web page)

在下一页,您可以选择查看屏幕截图或将其下载到您的 iPhone、iPad 或Mac上。

最后,在极少数情况下,您的浏览器内置屏幕截图工具无法正常工作,您还可以使用一些第三方 Chrome 和 Firefox 扩展(third-party Chrome and Firefox extensions)来完成工作。



About the author

拥有超过 10 年经验的发烧友工程师和音频产品专家。我专注于从头到尾创造优质的音乐扬声器和耳机。我是解决音频问题以及设计新扬声器和耳机系统的专家。我的经验不仅仅是制造好产品。我也热衷于帮助他人成为最好的自己,无论是通过教育还是社区服务。



Related posts