在Mac或Windows上对整个网页进行截屏的10种方法

  • Share This
Cathy Daniels

如果你正在寻找如何在Mac或PC上捕获一个完整的网页截图,这篇文章适合你。 我已经尝试了一些声称能够对整个网页进行截图的工具和技术,但到现在为止,只有少数几个仍然有效。

你想快速完成这项工作,所以我将告诉你如何一步一步地做。 我还将指出每种方法的优点和缺点,只是想节省你的时间,找出哪种方法最适合你。

本指南是为那些想对整个或长的网页进行整体截图的人准备的--意味着有一些部分在你的屏幕上并不完全可见。

如果你只是想捕获一个静态窗口或整个桌面屏幕,本指南是 你可以使用你的电脑或手机上的内置工具来快速完成:Shift + Command + 4(macOS)或Ctrl + PrtScn(Windows)。

摘要。

  • 不想下载任何软件或扩展? 试试。 方法一 方法7 .
  • 如果你使用的是Mozilla Firefox浏览器,请尝试 方法二 .
  • 如果你想捕获屏幕截图以及进行简单的编辑,请尝试 方法3、5、6 .

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

1.在Chrome中打开DevTools(命令+选项+I)。

2.打开命令菜单(命令+shift+P),输入 "截屏"。

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

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

- 本网站读者Hans Kuijpers提供的提示。

1.打印和保存整个网页为PDF格式

假设你想从雅虎财经中提取,比如说,利润表。 首先,在一个网络浏览器上打开网页。 这里,我用Mac上的Chrome浏览器作为例子。

第1步:在Chrome菜单上。 点击文件> 打印。

第2步:点击 "保存 "按钮,将页面导出为一个PDF文件。

第3步:如果你想把财务表嵌入到一个PowerPoint项目中,你可能需要先把PDF转换成PNG或JPEG格式的图像,然后裁剪图像,只包括数据部分。

优点。

  • 这很迅速。
  • 不需要下载任何第三方软件。
  • 截图质量很好。

弊端。

  • 将PDF文件转换为图像可能需要额外时间。
  • 很难直接对截图进行定制。

2.火狐浏览器截图(针对火狐浏览器用户)

火狐浏览器截图是Mozilla团队开发的一项新功能,帮助你拍摄、下载、收集和分享屏幕截图。 你可以使用这个功能快速保存整个网页的截图。

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

第2步:选择 "保存整个页面 "选项。

第三步:现在你可以选择直接下载图片到你的电脑桌面。

例如:我最近发表的一篇长文章:最好的Mac清洁器,包括免费的App。

侧面说明 : 我看到这个功能还在BETA阶段,所以不能保证火狐会保留这个功能。 但是到这个帖子最后更新的时候,这个功能还是可以使用的。 另外,最流行的网络浏览器如苹果Safari或谷歌Chrome还没有提供这个功能。

3. Parallels Toolbox for Mac (Safari)

如果你想在Mac上进行滚动截图,你会喜欢这个名为 "屏幕截图页 "的功能,在 Parallels工具箱 其中包括少量的小型公用事业。

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

第 1 步:下载 Parallels Toolbox 并在您的 Mac 上安装应用程序。 打开它并找到 拍摄屏幕截图> 屏幕截图页面 .

第二步:点击 屏幕截图页面 一旦你启用它,你会看到这个图标出现在你的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上。 打开主捕获窗口。 在下 图片> 选择 确保你选择 "滚动窗口"。 点击红色的捕获按钮继续。

第二步:找到你想截图的网页,然后将光标移到该区域。 现在Snagit将被激活,你会看到三个黄色的箭头按钮在移动。 最下面的箭头代表 "捕捉垂直滚动区域",右边的箭头代表 "捕捉水平滚动区域",右下角的箭头代表 "捕捉整个滚动区域"。 我点击了 "捕捉垂直滚动区 "选项。

第三步:现在Snagit会自动滚动页面,并捕捉屏幕外的部分。 很快,一个Snagit编辑器面板窗口就会弹出,上面有它刚刚拍摄的截图。 看到那里列出的可用编辑功能了吗? 这就是Snagit从人群中脱颖而出的原因:你可以随心所欲地进行修改,有大量的选项。

优点。

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

弊端。

  • 下载和安装该应用程序需要时间(约90MB大小)。
  • 它不是免费的,尽管它有15天的试用期。

6.Capto应用程序(仅适用于Mac)。

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

注意:与Snagit类似,Capto也不是免费软件,但它确实提供了一个试用版,你可以利用。

下面是如何使用Capto拍摄整个屏幕截图。

第1步:打开应用程序,在菜单顶部,点击 "网络 "图标。 在那里,你可以选择以不同的方式抓取网页的URL。 例如,如果你已经在该网页上,只需点击 "抓取活动浏览器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存在兼容性问题。 因此,我不再推荐它了。

Paparazzi!是一个由Nate Weaver设计开发的Mac工具,专门用于网页截图。 它相当直观。 只需复制并粘贴网页链接,定义图像大小或延迟时间,该应用就会为你返回结果。 一旦完成,点击位于右下角的下载图标就可以导出屏幕截图。

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

这些是对完整的或滚动的网页进行截图的不同方法。 就像我在快速总结部分所说的,不同的方法有各自的优点和缺点,所以一定要选择最适合你需要的方法。 我会让你自己选择使用哪种方法。

像往常一样,如果你有任何问题或建议,请随时在下面留下评论。

I'm Cathy Daniels, an expert in Adobe Illustrator. I've been using the software since version 2.0, and have been creating tutorials for it since 2003. My blog is one of the most popular destinations on the web for people who want to learn Illustrator. In addition to my work as a blogger, I'm also an author and a graphic designer.