首页 - 神途手游 > 谷歌浏览器截图的快捷键是什么? Chrome自带的4种截图方式适合收藏

谷歌浏览器截图的快捷键是什么? Chrome自带的4种截图方式适合收藏

发布于:2024-08-15 作者:admin 阅读:85

浏览器自带的4种截图方式

1、页面区域截屏快捷键:Ctrl+Alt+R。

2、可视页面截屏快捷键:Ctrl+Alt+V。

3、整张页面截屏快捷键:Ctrl+Alt+H。

4、全屏区域截屏快捷键:Ctrl+Alt+P。

谷歌浏览器的截图方法:按下快捷键“Ctrl+Alt+R”,然后拖拉鼠标进行截图区域的选取,选定之后点击下方的“截图”即可。

详细介绍

▍在中输入截图命令

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

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

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

△ 输入命令

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

区域截图( area )

整个页面截图( full size )

网页节点截图( node )

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

下面是具体演示。

▍区域截图( area )

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

△ 框选区域

▍整个页面截图( full size )

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

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

▍网页节点截图( node )

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

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

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

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

△ 定位node节点

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

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

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

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

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

▍设置截图快捷键

在F12开发者调试界面的右上角位置,有一个设置按钮,点击进去开发调试界面的设置页面-进入常规设置,将语言设置为中文,方便查看和设置。

△ 设置中文界面

选择好语言之后,右上方点击设置界面的窗口关闭按钮。你能看到一个重载的提醒,点击" ",重载开发者调试界面。

△ 重载开发者调试界面

你会发现界面都变成中文了,ok,重新点击之一步,打开开发者调试界面的设置窗口,现在都是中文了,点击最后的"快捷键",进入快捷键设置。这里4种截图方式都可以设置各自对应的快捷键,想便捷实用,不想输入命令的朋友可以试试。

△ 设置快捷键

二维码

扫一扫关注我们

版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,请告知我们,本站将立刻删除涉嫌侵权内容。

相关文章