在 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 在内的主要网络浏览器兼容。
以下是添加插件的链接:
我已经在 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 版本兼容。
这些是为完整或滚动网页截取屏幕截图的不同方法。 就像我在快速总结部分所说的那样,不同的方法各有优缺点,因此请务必选择最适合您需求的方法。 我将留给您选择使用哪个。
与往常一样,如果您有任何问题或建议,请随时在下方发表评论。
最新文章