在 Mac 或 Windows 上截取整个网页的 10 种方法

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

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

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

如果您只是想捕获静态窗口或完整的桌面屏幕，本指南是 不能 为你。 您可以使用计算机或手机上的内置工具快速完成此操作： 转移 + 命令 + 4 （macOS）或 按Ctrl + PrtScn则 （视窗）。

概要：

• 不想下载任何软件或扩展程序？ 尝试 方法1 or 方法7.
• 如果您使用的是 Mozilla Firefox 浏览器，请尝试 方法2.
• 如果您想捕获屏幕截图并进行简单的编辑，请尝试 方法三、五、六.

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

1. 在 Chrome 中打开 DevTools (command + option + I)

2. 打开命令菜单（command + shift + P）并输入“screenshot”

3. 选择“截屏”的“截屏”两个选项之一。

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

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

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

假设您想从 Yahoo Finance 提取损益表。 首先，在网络浏览器上打开页面。 在这里，我以 Mac 上的 Chrome 为例。

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

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

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

优点：

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

缺点：

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

2. 火狐截图（火狐用户）

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

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

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

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

边注: 我看到这个功能还在 BETA 中，所以不能保证 Firefox 会保留它。 但是到这篇文章最后一次更新时，这个功能仍然可以使用。 此外，最流行的网络浏览器（如 Apple Safari 或 Google Chrome）还没有提供此功能。

3. Parallels Toolbox for Mac (Safari)

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

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

步骤1： 下载 Parallels 工具箱 并在您的 Mac 上安装该应用程序。 打开它并找到 截图 > 截图页面.

步骤2：点击 截图页面 它会带你到另一个窗口，要求向 Safari 添加扩展。 启用后，您会在 Safari 浏览器上看到此图标。

第 3 步：选择您要截屏的页面并单击 Parallels 截屏图标，它会自动滚动您的页面并截屏并保存为桌面上的 PDF 文件。

优点：

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

缺点：

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

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

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

以下是添加插件的链接：

• 铬
• 火狐 （注意：由于Firefox Screenshots现在可用，我不再推荐这个插件。更多见方法2。）
• Safari

我已经在 Chrome、Firefox 和 Safari 上测试了该插件，它们都运行良好。 为方便起见，我将使用 Google Chrome 作为示例。 使用 Awesome Screenshot for Firefox 和 Safari 的步骤非常相似。

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

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

第 3 步：一旦扩展图标出现在 Chrome 栏上，单击它并选择“捕获整个页面”选项。

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

第5步：点击“下载”图标保存截图图像。 而已！

优点：

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

缺点：

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

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

我很喜欢 SnagIt的 (检讨）。 这是一款功能强大的截屏和编辑应用程序，可让您执行与截屏相关的几乎所有操作。 要截取网页的完整屏幕截图，请按照以下步骤操作（我将使用 Snagit for Windows 作为示例）：

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

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

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

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

优点：

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

缺点：

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

6. Capto App（仅适用于 Mac）

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

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

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

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

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

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

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

其他方法

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

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

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

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

8. Web-Capture.Net

这是一个在线全长网站截图服务。 你先 打开网站，复制您要截屏的网页的 URL，并将其粘贴到此处（见下文）。 您还可以选择要导出的文件格式。 按键盘上的“Enter”继续。

要有耐心。 我花了大约两分钟才看到消息，“您的链接已被处理！ 您可以下载文件或 ZIP 存档。” 现在你可以下载截图了。

优点：

• 它的工作原理。
• 无需安装任何软件。

缺点：

• 其网站上有大量广告。
• 截图过程很慢。
• 没有图像编辑功能。

9. 全页截屏（Chrome 扩展）

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

10. 狗仔队（仅限 Mac）

更新：此应用已经很久没有更新了，可能与最新的 macOS 存在兼容性问题。 因此我不再推荐它了。

狗仔队！ 是由 Nate Weaver 设计和开发的 Mac 实用程序，专门用于制作网页截图。 这很直观。 只需复制并粘贴网页链接，定义图像大小或延迟时间，应用程序将为您返回结果。 完成后，单击右下角的下载图标以导出屏幕截图。

我主要担心的是该应用程序最近一次更新是在几年前，所以我不确定它是否会与未来的 macOS 版本兼容。

这些是为完整或滚动网页截取屏幕截图的不同方法。 就像我在快速总结部分所说的那样，不同的方法各有优缺点，因此请务必选择最适合您需求的方法。 我将留给您选择使用哪个。

与往常一样，如果您有任何问题或建议，请随时在下方发表评论。