如何截取网页截图(和滚动截图)

如何截取网页截图(和滚动截图)

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

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

谷歌浏览器

Chrome 的截图工具位于开发者窗格中。截图:Google

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

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

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

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

苹果Safari

您可以在开发者工具中找到 Safari 的屏幕截图选项。截图:Apple

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

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

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

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

微软Edge

你还可以在 Microsoft Edge 中注释你的屏幕截图。截图:Microsoft

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

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

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

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

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

火狐浏览器

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

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

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

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

<<:  如何在 Google Pixel 和 iPhone 上使用应急卫星功能

>>:  如何使用 Apple 地图记住你最喜欢的地方

推荐阅读

《装甲兵沃托姆斯第一部:地球篇》评论:宏大的故事和迷人的角色

《铠甲世界加利恩特上卷地球篇》——传说中的钢铁巨人与少年的故事■作品概要《装甲兵沃托姆斯 第一部 地...

滑翔伞:NASA 如何尝试不使用降落伞着陆但失败了

圆底太空舱悬挂在离海面数英里的巨大橙白色降落伞下,这种画面是阿波罗时代的标志性画面。但从很多方面来看...

我们读不懂猫的面部表情

劳伦·道森 (Lauren Dawson) 是圭尔夫大学动物生物科学博士后研究员。本文最初发表于Th...

一架巨型海军无人机已准备好从上空监视海洋

一架白色机身的 MQ-4C Triton 在关岛的跑道上加速,然后升空进入乌云。这段视频由美国海军于...

亚马逊的无人机未来与其在线业务的现状非常相似

亚马逊是一家科技巨头,它诞生于一个在线书店的理念,如今它就像一只巨大的蜘蛛,屹立于网络商务的顶端。亚...

《清爽的早晨》的魅力与评价:描绘清爽日常生活的舒缓动画

《愉快的早晨》的号召与评价-Hogarakanaasa 《明媚的早晨》是一部于1931年1月1日上映...

见见“垃圾鲨”——从海洋中捡拾垃圾的无人机

海洋收集垃圾。但并不是以任何有眼光、鉴赏力的方式——不,海洋以囤积者的热情收集垃圾,将所有垃圾带入其...

这只三英尺高的鹦鹉证明新西兰是巨型怪鸟的圣地

如果你要找一只三英尺高的鹦鹉的化石,那很可能是在新西兰。这个岛国仍然充满了不寻常的标本,包括世界上唯...

尼安德特人的基因组揭示了 54,000 年前的家庭纽带

本月初,瑞典科学家 Svante Pääbo 因测序尼安德特人基因组而荣获 2022 年诺贝尔生理学...

自 1933 年以来运动鞋技术的演变

天生就会奔跑。萨拉·乔多什传说在 19 世纪末,学生们穿着隐秘的橡胶底鞋躲避校长,因此这种鞋被称为“...

Chim Chim Cher-E 的魅力与声誉:彻底解析大家的歌的杰作

蒋占哲儿:NHK经典歌曲在动画中重现《Chim Chim Cher-ee》于1966年4月在NHK教...

在月球上驾驶的感觉是这样的

通用汽车公司汽车动力学高级项目负责人杰夫·沃格特警告说:“在月球上驾驶就像在冰上驾驶。如果你能想象有...

2014 年 Jump Special Anime Festa 上对火影忍者疾风传进行了全面评论!

火影忍者疾风传 Jump Special Anime Festa 2014 详细评论及推荐概述《火影...

《魔法少女泰!》的魅力与评价:不容错过的动漫体验

巫師泰! - 回顾与推荐■ 公共媒体电视动画系列■ 原创媒体动漫原创■ 播出时间1999 年 7 月...

售价 999 美元的 MacBook Air 仅售 250 美元?哇

我们上次提供此优惠时就已售罄……我们正在进行限量补货。但说真的,这些很快就会售罄。MacBook A...