在谷歌浏览器中进行截图时,我们通常会使用到内容截图功能。近期,许多用户都在询问关于谷歌浏览器快捷键截图的问题,例如谷歌网页截图如何操作等。本文将详细介绍Chrome浏览器自带的4种截图方式,希望对您有所帮助。

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

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

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

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

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

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

详细介绍:

▍在Chrome中输入截图命令

在执行截图命令之前,我们需要先进行一些前期操作。在你需要截图的网页上,按F12打开开发调试页面。在开发调试页面上,按下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)

Chrome浏览器截图功能的使用方法和注意事项如下:

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

2. 网页节点截图(Capture node screenshot)。节点节点的理解可能需要一点页面前端知识。我们看的网页,是由很多node,按照一定的结构组合形成的。你看的一个图片,一段文字,都是一个节点中的内容。如果想截取某个图片,可以先鼠标右键该图片,在弹出菜单中选择“检查”,在右侧的开发者调试界面“Elements(元素)”下定位到这张图对应的后台页面代码。然后使用Shift+Ctrl+P,输入“Capture”并选择执行“Capture node screenshot”,Chrome自动截图该node节点的内容,无论图片还是文字,都会给你截图并自动下载到本地。

3. 当前页面显示部分截图(Capture screenshot)。该操作与整个网页页面截图类似。执行“Capture screenshot”命令后,Chrome自动执行截图和下载操作,并保存到本地。在截图时,你可以直接看到多少区域内容,那这块区域就是这个命令截取的图片的区域。

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

本文将介绍如何使用Chrome浏览器自带的4种截图方式。首先,选择好语言并点击设置界面的窗口关闭按钮。接下来,你会看到一个重载的提醒,点击“Reload DevTools”以重新加载开发者调试界面。此时,你会发现界面已经变成了中文,非常方便阅读。

接下来,请重新点击第一步,打开开发者调试界面的设置窗口。现在所有界面都已切换为中文。点击最后的“快捷键”,进入快捷键设置。在这里,你可以为四种截图方式分别设置自定义的快捷键,使操作更加便捷实用,尤其是对于不习惯输入命令的朋友而言。

至此,我们已经完成了Chrome浏览器自带的4种截图方式的介绍。希望大家喜欢,并继续关注脚本之家。