打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Chrome浏览器自带的4种截图方式,收藏以备不时之需!
作者:@老铁的最新号外
No.283 - Chrome浏览器自带的4种截图方式,收藏以备不时之需!

内容方向:Win11更新推送动态、App软件工具使用体验、科技类资讯消息等。

正  文

一直以来我们说到屏幕截图,第一时间想到的就是各种截图软件,聊天工具里包含的截图功能。你可能还不知道,在Chrome浏览器里面还可以截图,并且有4种截图方式。当然这种截图操作的范围只适用于Chrome网页上,电脑上其他位置的截图并不包含在内。

▍在Chrome中输入截图命令

在执行截图命令之前,我们还有点前期操作。

  1. 在你需要截图的网页上,按F12打开开发调试页面。

  2. 在开发调试页面上,按下Shift+Ctrl+P,打开命令输入框,输入Capture(抓取,捕获)。

△ 输入命令

输入命令后,4种截图模式都显示出来了。分别是:

  • 区域截图(Capture area screenshot)

  • 整个页面截图(Capture full size screenshot)

  • 网页节点截图(Capture node screenshot)

  • 当前页面显示部分截图(Capture screenshot)

下面是具体演示。

▍区域截图(Capture area screenshot)

输入命令后,按键盘上下方向键,选择命令并按Enter确认执行命令。这里选择"Capture area screenshot"命令。在Chrome当前页面内的光标会变成"十字光标",如果你将光标移出Chrome页面区域,光标会变成正常箭头,因为命令只对Chrome页面有效。点击拖动,会框选一片区域(变暗),当你弹开鼠标左键,你框选的区域就截图完成。通过Chrome下载,自动保存到你的本地位置(下载的本地位置,可在Chrome设置中查看)。

△ 框选区域

▍整个页面截图(Capture full size screenshot)

如果我们选"Capture full size screenshot"并执行,那么Chrome会自动将当前页面所有内容截图形成一张长图,自动下载并保存到本地。该命令在你按下Enter后全自动执行,不需要手动操作。使用此命令对网页截图时需要注意:最好事先浏览一遍页面,让网页中的所有图片和其他内容都加载出来,因为有些页面是你浏览到什么位置才会加载什么位置的内容。

△ 整个网页截图(选区部分用作此处展示)

▍网页节点截图(Capture node screenshot)

node节点的理解可能需要一点页面前端知识。我们看的网页,是由很多node,按照一定的结构组合形成的。你看的一个图片,一段文字,都是一个节点中的内容。

比如我们想截取这张图片,操作步骤:

  1.  鼠标右键该图片,在弹出菜单中选择"检查",在右侧的开发者调试界面"Elements(元素)"下,你就能定位到这张图对应的后台页面代码。

  2. 我们Shift+Ctrl+P,输入"Capture"并选择执行"Capture node screenshot",Chrome自动截图该node节点的内容,不管你是图片还是文字,统统给你截图,自动给你下载到本地,去查看吧。

△ 定位node节点

通过"检查"定位后台页面代码,还有一个用处,我们可以在该节点上鼠标右键,在弹出的菜单中直接选择"Capture node screenshot"并执行,不需要输入命令。这个命令本身也属于对节点操作。结果和执行命令相同,都是截取了这种图片。

△ 通过节点右键菜单实现截图

▍当前页面显示部分截图(Capture screenshot)

该操作和整个网页页面截图类似,执行"Capture screenshot"命令后,Chrome自动执行截图和下载操作,并保存到本地,直接去查看即可。对"当前页面显示部分"的理解:当前执行截图命令的网页页面,你能直接看到多少区域内容,那这块区域就是这个命令截取的图片的区域。

△ 对当前页面显示区域的截图

▍设置截图快捷键

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Chrome自带截图工具强大如斯,截图插件再无用武之地
使用 Chrome 开发者工具去除某些网站上无法关闭的模态对话框
电脑上网页截图,一个 Chrome 就够了
MAC利用 Chrome 原生工具进行网页长截图 | 一日一技
『技巧』如何利用Chrome进行网页长截图
生活经历 篇三十三:无需插件,亲测使用Chrome浏览器自带各种网页截图功能
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服