常规屏幕截图仅捕获屏幕上可见的内容,而忽略显示区域之外的内容。另一方面,“滚动捕获”(或滚动屏幕截图(Scrolling Screenshot)或整页屏幕截图(Full Page Screenshot))可以一次性捕获设备屏幕之外的所有内容。
滚动屏幕截图不是为冗长的对话或文档的不同部分截取多个屏幕截图,而是为您节省时间(saves you time)和存储空间。在本指南中,我们将向您展示在 iPhone、iPad 和Mac上拍摄滚动屏幕截图的不同方法。
在 iOS 和 iPadOS 上捕获整页屏幕截图(Full Page Screenshot)
iPhone 或 iPad 上的原生屏幕截图工具可以将网页、文档或电子邮件的全部内容捕获为单个屏幕截图。在尝试滚动屏幕截图功能之前,请注意以下事项:
- 您只能在Safari、Files、iBooks 等原生Apple应用程序上截取整页屏幕截图。
- 捕获网页的滚动屏幕截图仅适用于Safari。目前不支持Chrome和Firefox等第三方浏览器。
- 整页或滚动屏幕截图不会保存为图像。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上使用Safari、Chrome和Firefox执行全页屏幕截图。
(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中单击两次鼠标来截取整个网页。
- 右键单击(Right-click)要截屏的网页上的任意位置,然后选择截屏(Take a Screenshot)。
- 或者,单击地址栏旁边的三点图标,然后选择(three-dot icon)截屏(Take a Screenshot)。
- 单击右上角的保存整页(Save full page)图标。
- 接下来,选择下载(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,选择您喜欢的格式(JPEG、PNG、PDF、TIFF、BMP、SVG),然后单击捕获网页(Capture web page)。
在下一页,您可以选择查看屏幕截图或将其下载到您的 iPhone、iPad 或Mac上。
最后,在极少数情况下,您的浏览器内置屏幕截图工具无法正常工作,您还可以使用一些第三方 Chrome 和 Firefox 扩展(third-party Chrome and Firefox extensions)来完成工作。
How to Capture a Scrolling Screenshot on Mac, iOS and iPadOS
A regular screenshot only captures what’s visible on the screen, leaving out content beyоnd the display area. On the other hand, a “Sсrolling Capture” (or Scrolling Screenshot or Full Page Screenshot), captures everything outside your device’s screen in a single take.
Rather than taking multiple screenshots of different sections of a lengthy conversation or document, a scrolling screenshot saves you time and storage space. In this guide, we’ll show you the different ways to take scrolling screenshots on iPhone, iPad, and Mac.
Capturing Full Page Screenshot on iOS and iPadOS
The native screenshot tool on your iPhone or iPad can capture the entire content of a webpage, a document, or an email as a single screenshot. Before you try the scrolling screenshot feature, take note of the following:
- You can only take full-page screenshots on native Apple apps like Safari, Files, iBooks, etc.
- Capturing a scrolling screenshot of a webpage only works on Safari. Third-party browsers like Chrome and Firefox are currently not supported.
- Full-page or scrolling screenshots aren’t saved as images. iOS saves them as a PDF file.
With this in mind, follow the steps below to capture full-page screenshots on your iPhone or iPad.
1. Press the volume up and side button simultaneously to screenshot a webpage, an email, or a document. For iPhones with a Home button, press the side button and Home button simultaneously to capture a screenshot.
2. Click the screenshot thumbnail at the bottom-left corner of your screen to open the screenshot editing tool.
3. Tap the Full Page option to generate a full-page screenshot of the webpage or document.
4. Click Done to proceed.
5. Select Save PDF to Files.
6. Select the folder you want the file saved and tap Save. You can also rename the screenshot by tapping the auto-generated filename.
To view the PDF, open the Files app on your device and browse to the location where you saved the file.
Capture Scrolling Screenshot on Mac
There’s a built-in screenshot tool on macOS but it doesn’t capture scrolling screenshots. Interestingly, some apps (mostly web browsers) have this capability. In the next section, we’ll show you how to perform a full-page screen capture on Mac using Safari, Chrome, and Firefox.
Screenshot an Entire Webpage in Safari
Safari has a built-in screenshot tool that captures and saves an entire webpage as an image. The tool is tucked away in Safari’s Developer menu, so it’s not exactly in plain sight. Follow the steps below to capture a scrolling screenshot of an entire page in Safari.
1. Open the webpage you want to capture, click Safari on the menu bar, and select Preferences.
2. Go to the Advanced tab, check the box next to Show Develop menu in the menu bar, and return to the webpage.
3. Select Develop on the menu bar and select Show Web Inspector.
4. Right-click on the first line starting with html (i.e. the HTML element of the page) and select Capture Screenshot.
5. Give the screenshot a name, choose your preferred storage folder/location, and select Save to proceed.
6. Navigate to the file location and double-click on the screenshot to open with Preview.
Screenshot an Entire Webpage in Firefox
Firefox arguably has the best scrolling screenshot tool you’ll find on a web browser. It’s super easy to use and doesn’t require tweaking advanced settings. In fact, you can screenshot a full webpage in Firefox in two mouse clicks.
- Right-click anywhere on the webpage you want to screenshot and select Take a Screenshot.
- Alternatively, click the three-dot icon next to the address bar and select Take a Screenshot.
- Click the Save full page icon at the top-right corner.
- Next, select Download to save the screenshot to your Mac.
Screenshot an Entire Webpage in Chrome
Chrome also ships with a built-in screenshot tool but, like Safari, it’s also hidden in the Developer section. Here’s how to access and use the screenshot tool to capture a whole webpage in Chrome.
1. Click the menu icon and go to More Tools > Developer Tools.
You can also launch Chrome’s Developer Tool menu by pressing F12 on your keyboard or using the Command + Shift + I shortcut.
2. Next, click the Toggle device toolbar icon or press Command + Shift + M.
3. Click the three-dot menu icon on the left sidebar and select Capture full size screenshot. This will prompt Chrome to generate an image file of the entire webpage.
4. Choose a folder to save the screenshot and click Save.
Use Third-Party Websites, Apps, and Extensions
It appears that browsers are best-equipped to capture scrolling screenshots on Mac. If you need to take a full-length screenshot of content within another app, you’d have to use third-party snipping apps like Snagit. Note that some of these apps aren’t free. The developers often give a free trial period to new users but you’d have to pay some bucks for continuous usage.
We mentioned earlier that iOS and iPadOS only capture scrolling screenshots with Safari and a few other iOS apps. Platforms like Web-Capture.net provide an alternative to non-Safari users. Web-Capture is an online screenshot service that lets you download full-screen images of any website to your device in several formats.
Enter the URL of the webpage, select your preferred format (JPEG, PNG, PDF, TIFF, BMP, SVG), and click Capture web page.
On the next page, you can choose to view the screenshot or download it to your iPhone, iPad, or Mac.
Finally, in the rare instance that your browser’s built-in screenshot tool fails to work, you can also use some third-party Chrome and Firefox extensions to get the job done.