如何截取整个网页

Ella

2024-09-06

如果您正在寻找如何在 Mac 或 PC 上捕获完整网页屏幕截图，这篇文章适合您。我尝试了一些声称能够截取整个网页的工具和技术，但在撰写本文时，只有少数仍然有效。

您希望快速完成此操作，因此我将向您展示如何逐步完成此操作。我还将指出每种方法的优缺点，只是想节省您的时间来确定哪种方法最适合您。

本指南适用于那些想要截取整个或长网页的完整屏幕截图的人 - 这意味着有些部分在屏幕上不完全可见。

如果您只想捕获静态窗口或完整桌面屏幕，则本指南不适合您。您可以使用计算机或手机上的内置工具快速完成此操作：Shift + Command + 4 (macOS) 或 Ctrl + PrtScn (Windows)。

概括：

不想下载任何软件或扩展程序？尝试方法一或者方法7。
如果您使用的是 Mozilla Firefox 浏览器，请尝试方法2。
如果您想捕获屏幕截图并进行简单的编辑，请尝试方法3、5、6。

快速更新：对于 Mac 用户，甚至可以在不使用浏览器扩展的情况下捕获全尺寸屏幕截图。

1. 在 Chrome 中打开 DevTools（command + option + I）

2. 打开命令菜单（command + shift + P）并输入“屏幕截图”

3. 选择“捕获屏幕截图”中的“捕获全尺寸屏幕截图”两个选项之一。

4. 捕获的图像将下载到您的计算机。

— 由我们的读者 Hans Kuijpers 提供的提示。

1. 打印整个网页并将其另存为 PDF

假设您想从雅虎财经中提取一份损益表。首先，在网络浏览器上打开页面。这里，我以我的 Mac 上使用 Chrome 为例。

第 1 步：在 Chrome 菜单上，单击“文件”>“打印”。

步骤2：点击“保存”按钮将页面导出为PDF文件。

步骤 3：如果您想将财务表嵌入到 PowerPoint 项目中，您可能需要先将 PDF 转换为 PNG 或 JPEG 格式的图像，然后裁剪图像以仅包含数据部分。

优点：

很快。
无需下载任何第三方软件。
截图质量很好。

缺点：

将 PDF 文件转换为图像可能需要额外的时间。
直接自定义屏幕截图很困难。

2. Firefox 屏幕截图（适用于 Firefox 用户）

Firefox Screenshots 是 Mozilla 团队开发的一项新功能，可帮助您拍摄、下载、收集和共享屏幕截图。您可以使用此功能快速保存整个网页的屏幕截图。

第 1 步：单击地址栏中的页面操作菜单。

步骤 2：选择“保存整页”选项。

步骤3：现在您可以选择将图像直接下载到计算机桌面。

旁注：我看到这个功能仍处于BETA阶段，所以不保证Firefox会保留它。但到这篇文章最后更新时，这个功能仍然可以访问。此外，Apple Safari 或 Google Chrome 等最流行的网络浏览器尚不提供此功能。

3.Parallels Toolbox for Mac (Safari)

如果您想在 Mac 上进行滚动屏幕截图，您一定会喜欢这个名为“屏幕截图页面”的功能平行工具箱其中包括一些小型公用事业。

注意：Parallels Toolbox 不是免费软件，但它提供 7 天试用期，没有任何功能限制。

第 1 步：下载 Parallels Toolbox 并在 Mac 上安装该应用程序。打开它并找到截图>截图页面。

第 2 步：单击“屏幕截图页面”，您将进入另一个窗口，要求向 Safari 添加扩展程序。启用后，您将在 Safari 浏览器上看到此图标。

第 3 步：选择您要截屏的页面，然后单击 Parallels Screenshot 图标，它会自动滚动您的页面并截取屏幕截图并以 PDF 文件形式保存在桌面上。

优点：

输出的 PDF 文件的质量非常好。
您无需手动滚动，因为应用程序会为您完成此操作。
除了截取网页之外，您还可以截取区域或窗口。

缺点：

安装该应用程序需要一些时间。
它不是免费软件，但提供 7 天无限制试用。

4. 很棒的截图插件（适用于 Chrome、Firefox、Safari）

Awesome Screenshot 有一个插件，可以捕获任何网页的全部或部分内容。此外，它还允许您编辑屏幕截图：您可以评论、添加注释、模糊敏感信息等。该插件与主要网络浏览器兼容，包括 Chrome、Firefox 和 Safari。

以下是添加插件的链接：

铬合金
火狐浏览器（注：由于Firefox Screenshots现已推出，我不再推荐此插件。更多信息请参见方法2。）
狩猎之旅

我已经在 Chrome、Firefox 和 Safari 上测试了该插件，它们都运行良好。为了让事情变得更简单，我将使用 Google Chrome 作为示例。在 Firefox 和 Safari 中使用 Awesome Screenshot 的步骤非常相似。

第 1 步：打开上面的 Chrome 链接，然后单击“添加到 Chrome”。

第 2 步：点击“添加扩展程序”。

第 3 步：Chrome 栏上显示扩展程序图标后，单击它并选择“捕获整个页面”选项。

第四步：几秒钟之内，该网页会自动向下滚动。将打开一个新页面（见下文），向您显示带有编辑面板的屏幕截图，允许您裁剪、注释、添加视觉效果等。完成后单击“完成”。

第5步：点击“下载”图标保存屏幕截图图像。就是这样！

优点：

非常容易使用。
图像编辑功能很棒。
它与主要的网络浏览器兼容。

缺点：

据其开发人员称，该扩展可能会遇到一些操作问题。我还没有遇到过任何这样的问题。

5. 使用 Snagit 捕获滚动窗口或整个页面

我真的很喜欢斯纳吉特。它是一款功能强大的屏幕捕获和编辑应用程序，几乎可以让您执行与屏幕截图相关的任何操作。要截取网页的完整屏幕截图，请按照以下步骤操作（我将使用 Snagit for Windows 作为示例）：

请注意：Snagit 不是免费软件，但有 15 天的免费试用期。

第 1 步：获取 Snagit 并将其安装在您的 PC 或 Mac 上。打开主捕获窗口。在“图像”>“选择”下，确保选择“滚动窗口”。点击红色的“捕获”按钮继续。

步骤2：找到您要截图的网页，然后将光标移动到该区域。现在 Snagit 将被激活，您将看到三个黄色箭头按钮在移动。底部箭头代表“捕获垂直滚动区域”，右侧箭头代表“捕获水平滚动区域”，右下角箭头代表“捕获整个滚动区域”。我单击“捕获垂直滚动区域”选项。

第3步：现在Snagit会自动滚动页面并捕获屏幕外的部分。很快，Snagit Editor 面板窗口将弹出，其中包含刚刚拍摄的屏幕截图。看到那里列出的可用编辑功能了吗？这就是 Snagit 脱颖而出的原因：您可以根据需要进行任意多的更改，并提供大量选项。

优点：

它能够捕获滚动网页和窗口。
强大的图像编辑功能。
非常直观且易于使用。

缺点：

下载并安装该应用程序需要一些时间（大小约为 90MB）。
它不是免费的，但有 15 天的试用期。

6. Capto 应用程序（仅适用于 Mac）

我抓住了是一款适合许多 Mac 用户（包括我自己）的生产力应用程序。该应用程序的核心价值是在 Mac 上录制屏幕视频，但它还允许您捕获屏幕截图并将图像保存到其库中。然后您可以轻松地编辑、组织和共享它们。

注意：与 Snagit 类似，Capto 也不是免费软件，但它确实提供了可供您利用的试用版。

以下是使用 Capto 截取完整屏幕截图的方法：

第 1 步：打开应用程序，然后单击菜单顶部的“Web”图标。在那里，您可以选择以不同的方式捕捉网页的 URL。例如，如果您已经在该页面上，只需单击“捕捉活动浏览器 URL”

步骤 2：您还可以使用左侧面板上的工具编辑屏幕截图，例如突出显示某个区域、添加箭头或文本等。

第 3 步：现在 Capto 将提取页面元素并将图像保存到其库中。然后选择“文件”>“导出”将其保存在本地。

注意：如果您选择让 Capto 从活动浏览器捕捉网页，则在网页较长的情况下，这可能需要一些时间。

其他方法

在探索过程中，我还发现了一些其他的工作方法。我不想在上面介绍它们，因为考虑到您需要投入的时间和精力以及输出的质量，它们并不那么好。尽管如此，它们确实有效，所以请随意尝试其中的一些。

7. 在没有浏览器扩展的情况下在 Chrome 上捕获全尺寸屏幕截图

我们的一位读者 Hans Kuijpers 善意地分享了这个技巧。

在 Chrome 中打开 DevTools（OPTION + CMD + I）
打开命令菜单（CMD + SHIFT + P）并输入“屏幕截图”
选择“捕获屏幕截图”的“捕获全尺寸屏幕截图”两个选项之一。
捕获的图像将下载到您的计算机。

8. 全页屏幕截图（Chrome 扩展）

与 Awesome Screenshot 类似，Full Page Screen Capture 是一个非常易于使用的 Chrome 插件。只需安装它（这是链接到其扩展页面）在 Chrome 浏览器上，找到您要捕获的网页并点击扩展图标。屏幕截图几乎是立即制作的。然而，我发现它不太有吸引力，因为它没有 Awesome Screenshot 所具有的图像编辑功能。