如何进行网页的屏幕截图（和滚动屏幕截图）

网页截图：不同浏览器截图方法详解

您是否需要保存或分享网页内容？本文将指导您如何使用不同浏览器高效截取网页截图，包括全屏截图和局部截图。与普通截图不同，网页截图需要去除浏览器工具栏、菜单等界面元素，只保留网页内容本身。

谷歌Chrome浏览器

桌面版Chrome浏览器内置截图功能隐藏在开发者工具中。打开目标网页后，按下 Ctrl Shift I (Windows) 或 Cmd Option I (macOS) 打开开发者工具面板。然后：

1. 点击开发者工具面板右上角的三个点。
2. 选择“运行命令”。
3. 输入“screenshot”调出截图选项。
4. 点击“捕获全尺寸截图”截取整个页面。
5. 点击“捕获截图”截取页面可见区域。

稍后将弹出保存对话框，您可以选择保存截图的位置。如果您觉得内置选项过于繁琐，许多第三方截图工具可供选择，例如Webpage Screenshot和GoFullPage，它们都是非常流行的免费工具，并提供多种选项（前者功能更强大，后者更简洁）。

对于移动端，安卓版Chrome内置截图功能，但iOS版Chrome则需要依靠系统自带的截图方式。在安卓系统中，打开目标网页，点击右上角的三个点，选择“分享”，然后选择“长截图”。

苹果Safari浏览器

与Chrome类似，macOS版Safari浏览器的截图工具也隐藏在开发者选项中，需要先启用它们：选择 Safari > 设置 > 高级 并勾选“显示网页开发者功能”复选框。启用此功能后：

1. 打开“开发”菜单并选择“显示网页检查器”。
2. 如果尚未打开，则切换到“元素”选项卡。
3. 右键单击代码的第一行（以HTML标签开头）。
4. 从弹出菜单中选择“捕获截图”。

您将看到一个保存对话框，可以选择保存截图的位置。这将是一个完整的滚动截图，包含整个网页——没有只保存可见部分的选项。

我们目前不知道macOS版Safari浏览器有哪些高质量的截图扩展程序。iOS版Safari也不提供此功能——不过您可以通过常规方式进行滚动截图，这将捕获整个页面。

微软Edge浏览器

桌面版Edge浏览器集成了截图工具，因此截取屏幕截图并不困难。打开目标网页后，点击右上角的三个点，然后选择“截图”。

然后，您将看到页面顶部出现三个选项：“捕获区域”（通过拖动矩形选择来捕获页面的一部分），“捕获屏幕区域”（捕获当前屏幕上的内容）或“捕获全页”（捕获整个页面）。

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

Edge浏览器与Chrome基于相同的代码基础，因此如果您需要内置工具无法提供的功能，您可以访问相同的扩展程序。同样，Webpage Screenshot和GoFullPage值得一看。

在移动端，Edge遵循Chrome的模板：在安卓系统中，您可以通过点击菜单按钮（右下角的三条线），然后选择“分享”和“滚动截图”来找到截图工具。在iOS系统中，您需要依靠系统软件中内置的方法。

Mozilla Firefox浏览器

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

然后您将有三个选项：您可以单击并拖动页面上的某个区域，也可以单击右上角的“保存可见区域”或“保存全页”按钮。您将获得一个预览窗口以及“复制”或“下载”图像的选项。

当然，Firefox是最好的浏览器之一，因为它支持扩展程序。如果集成选项无法满足您的需求，您可以使用Easy Screenshot、Lightshot和Awesome Screenshot等附加组件。它们都评价很高，并且具有直观简单的界面。

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

以上是如何进行网页的屏幕截图（和滚动屏幕截图）的详细内容。更多信息请关注PHP中文网其他相关文章！