如何截取网页截图（和滚动截图）

您正在浏览网页，并遇到了想要保存或与他人分享的页面：无论出于何种原因，您都需要网页截图。批量截取网页并不困难，但具体过程取决于您使用的浏览器。

这与常规截图略有不同，无论是 Windows、macOS、Android 还是 iOS。这里我们讨论的是抓取网页本身的内容，而不包括浏览器工具栏、菜单和边缘的其他界面元素。

谷歌浏览器

桌面版 Google Chrome 确实有内置的截图功能，但它隐藏在浏览器的开发者工具中。将要截取的页面显示在屏幕上后，按Ctrl+Shift+I (Windows) 或Cmd+Option+I (macOS) 调出开发者工具窗格。从那里：

• 单击开发人员工具窗格（右上角）中的三个点。
• 选择运行命令。
• 输入“screenshot”来调出截图选项。
• 单击“捕获全尺寸屏幕截图”以抓取整个页面。
• 单击“捕获屏幕截图”以抓取页面的可见部分。

片刻之后，会弹出一个保存对话框，您可以将屏幕截图保存到任意位置。如果您觉得内置选项有点麻烦，还有许多第三方屏幕截图工具可供选择：Webpage Screenshot 和 GoFullPage 都非常受欢迎，而且免费使用，为您提供了多种选择（前者更高级一些，后者更精简一些）。

至于移动设备，Android 版 Chrome 有一个内置选项，但 iOS 版 Chrome 则必须依赖标准截图流程。在 Android 上，导航到要截取的页面，然后点击三个点（右上角）、分享和长截图。

苹果Safari

与 Google Chrome 一样，macOS 版 Safari 中的屏幕截图工具隐藏在浏览器的开发者选项中，因此您需要先启用它们：选择Safari > 设置 > 高级，然后选中显示 Web 开发者功能框。启用该功能后：

• 打开“开发”菜单并选择“显示 Web 检查器” 。
• 如果元素选项卡尚未打开，请切换到该选项卡。
• 右键单击代码的顶行（以 HTML 标签开头）。
• 从弹出菜单中选择“捕获屏幕截图” 。

您将看到一个保存对话框，您可以在其中选择屏幕截图的存储位置。这将是一个完整的滚动屏幕截图，涵盖整个网页——没有仅保存可见部分的选项。

据我们所知，macOS 版 Safari 没有高质量的屏幕截图扩展。iOS 版 Safari 也没有此功能——不过您可以以正常方式截取滚动屏幕截图，它会为您捕获整个页面。

微软Edge

桌面版 Microsoft Edge 浏览器自带屏幕截图工具，因此截屏并不困难。打开要截屏的页面，点击右上角的三个点，然后点击屏幕截图。

然后，您会看到三个选项，它们出现在页面顶部：捕获区域（捕获页面的一个区域，通过拖出一个矩形选择来设置）、捕获屏幕区域（捕获当前屏幕上的所有内容）或捕获全页（捕获整个页面）。

然后，您的屏幕截图将弹出一个单独的窗口：如果需要，您可以使用简单的钢笔工具对屏幕截图进行注释。在窗口的右上角，您可以看到用于将屏幕截图复制到系统剪贴板或将其保存到磁盘的图标。

Edge 当然基于与 Chrome 相同的代码基础，因此如果您需要内置工具无法实现的功能，您可以访问所有相同的扩展。同样，Webpage Screenshot 和 GoFullPage 在这方面值得一看。

在移动设备上，Edge 遵循 Chrome 模板：在 Android 上，您可以通过点击菜单按钮（右下角三行）找到一个截图工具，然后点击分享和滚动截图。在 iOS 上，您需要依靠系统软件内置的方法。

火狐浏览器

桌面版 Firefox 也自带截图工具。右键单击您正在查看的网页，然后选择“截屏” 。

从这里您有三个选项：您可以单击并拖动页面的某个区域，或者您可以单击右上角的“保存可见内容”或“保存整页”按钮。您将看到一个预览窗口，以及“复制”或“下载”图像的选项。

当然，就扩展支持而言，Firefox 是最好的浏览器之一。如果集成选项不能满足您的需求，您可以转向 Easy Screenshot、Lightshot 和 Awesome Screenshot 等附加组件。它们都评价很高，界面直观、直接。

至于移动应用程序，Android 版和 iOS 版 Firefox 都没有内置截图功能，因此您需要坚持使用标准截图选项。不过，在 Android 上，您可以将页面保存为 PDF：点击三个点（右上角），然后点击顶部的共享图标，然后点击另存为 PDF 。