网页截图:不同浏览器截图方法详解
您是否需要保存或分享网页内容?本文将指导您如何使用不同浏览器高效截取网页截图,包括全屏截图和局部截图。与普通截图不同,网页截图需要去除浏览器工具栏、菜单等界面元素,只保留网页内容本身。
谷歌Chrome浏览器
桌面版Chrome浏览器内置截图功能隐藏在开发者工具中。打开目标网页后,按下 Ctrl Shift I (Windows) 或 Cmd Option I (macOS) 打开开发者工具面板。然后:
稍后将弹出保存对话框,您可以选择保存截图的位置。如果您觉得内置选项过于繁琐,许多第三方截图工具可供选择,例如Webpage Screenshot和GoFullPage,它们都是非常流行的免费工具,并提供多种选项(前者功能更强大,后者更简洁)。
对于移动端,安卓版Chrome内置截图功能,但iOS版Chrome则需要依靠系统自带的截图方式。在安卓系统中,打开目标网页,点击右上角的三个点,选择“分享”,然后选择“长截图”。
苹果Safari浏览器
与Chrome类似,macOS版Safari浏览器的截图工具也隐藏在开发者选项中,需要先启用它们:选择 Safari > 设置 > 高级 并勾选“显示网页开发者功能”复选框。启用此功能后:
您将看到一个保存对话框,可以选择保存截图的位置。这将是一个完整的滚动截图,包含整个网页——没有只保存可见部分的选项。
我们目前不知道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中文网其他相关文章!