首页 > 浏览器技巧 > 谷歌浏览器截长图怎么操作

谷歌浏览器截长图怎么操作

来源:chrome官网2023-01-26

详情介绍 m详情介绍

谷歌浏览器截长图怎么操作?很多用户在使用谷歌浏览器的时候都需要截取整个网页,但是却不知道该如何操作。其实谷歌浏览器给网页截图的方式不是唯一的,如果你不清楚该如何截取长图,也可以来看看下面小编分享的谷歌浏览器截长图操作过程,为大家带来了使用谷歌浏览器截图的多个方法,不要错过了!

谷歌浏览器截长图怎么操作1

谷歌浏览器截长图操作过程

1、选择Chrome浏览器,打开需要截图的网页;

2、页面加载完成后,按下快捷键组合 Ctrl+Shift+I(Windows)/F12 或者 Alt+Command+I(Mac)调出开发者工具,具体如下图所示:

谷歌浏览器截长图怎么操作2

3、开发者工具中,按下快捷键组合Ctrl+Shift +P(Windows) 或 Command+Shift+P(Mac)来打开命令行,具体如下图所示:

谷歌浏览器截长图怎么操作3

4、在命令行中输入"Screen",可以看到三个选项,根据不同需求进行选择,具体如下图所示:

谷歌浏览器截长图怎么操作4

◆ 整个网页:Capture full size screenshot

◆ 节点网页:Capture node screenshot

◆ 当前屏幕:Capture screenshot

对以上三种截图方法示范:

1、截取整个网页的内容,进行截屏(Capture full size screenshot)。

谷歌浏览器截长图怎么操作5

2、选择需要的元素节点,进行截屏(Capture node screenshot)。

谷歌浏览器截长图怎么操作6

3、根据当前当前屏幕的大小,进行截屏(Capture screenshot)。

谷歌浏览器截长图怎么操作7

如果你想在网页中截取手机的画面截,可通过快速键 Ctrl + Shift + M(Mac为 Command + Shift + M)来开启模拟工具,切换 iPhone、iPad、Nexus、Galaxy 等装置开启网页的显示情形,再根据上面介绍的截图功能抓取网页在手机显示的画面截图,具体如图所示:

谷歌浏览器截长图怎么操作8

利用Chrome浏览的开发者工具,完美实现网页全屏截图,不需要安装任何插件,大家快来试试吧。

① Ctrl+Shift+I(F12)

② Ctrl+Shift+P

③ 输入"Screen"

④ 选择需要的方式截取:

▶ 整个网页(Capture full size screenshot)

▶ 节点网页(Capture node screenshot)

▶ 当前屏幕(Capture screenshot)

以上就是关于【谷歌浏览器截长图怎么操作-谷歌浏览器截长图操作过程】的全部内容了,希望能对需要的朋友带来一点帮助。更多精彩教程,请继续关注浏览器之家!

继续阅读 m继续阅读
通过Chrome浏览器提高页面渲染的速度,优化页面性能。掌握实用方法,减少渲染时间,提升页面流畅度。 2025-04-11 了解谷歌浏览器无痕模式的使用场景,更好地保护您的隐私。本指南将为您介绍无痕模式的特点及适用情况。 2025-04-01 通过优化网页中的DOM元素,减少不必要的元素数量,提升页面的渲染效率,减少内存消耗,确保网页能够高效渲染,提升页面加载速度,优化整体浏览体验。 2025-03-29 通过Google Chrome提升静态资源的传输速度,可以加速网页加载。使用HTTP 2、CDN和压缩技术,优化资源传输,提高加载效率。 2025-04-15 通过合理合并CSS文件、减少不必要的样式加载及使用异步加载技术,提升Chrome浏览器中的网页渲染效率,避免渲染阻塞,提高页面访问速度。 2025-04-02 对Chrome浏览器隐私模式的安全性进行深入分析,帮助用户了解其是否足够安全。 2025-03-31 通过谷歌浏览器减少页面的资源请求冲突,优化资源加载顺序,提升页面加载效率。 2025-04-01 介绍如何在电脑端Chrome浏览器中高效管理标签页,使用标签页分组、快速切换等功能,提升浏览器的使用效率,保持浏览体验井然有序。 2025-04-10 学习如何在谷歌浏览器中启用开发者模式,利用调试工具进行网页性能分析和优化,提升开发和调试能力。 2025-04-14 谷歌浏览器增强插件支持,提供更多扩展功能,提升开发效率,让开发者能够更高效地定制浏览器功能,满足不同开发需求。 2025-04-02
相关文章 m相关文章
教程 指南 问答 专题
返回顶部