欢迎来到浏览器评测网
当前位置:  浏览器评测网 > 浏览器动态 >

电脑谷歌浏览器截长图方法详解

文章来源:未知 时间:2019-06-03 阅读:55

电脑谷歌浏览器截长图方法详解

我们平时在浏览网页时,想把碰到好的网页内容或者文章截屏保存,但是网页的长度常常会超出屏幕高度,一般的截屏功能只能截取显示在屏幕上的内容,那我们该如何方便快捷截取全部内容?今天就分享一个如何利用Chrome浏览器在不安装第三方软件的情况下直接截取网页的方法。

 

电脑谷歌浏览器截长图方法:

 

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

 

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

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

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

◆ 整个网页:Capture full size screenshot

◆ 节点网页:Capture node screenshot

◆ 当前屏幕:Capture screenshot

 

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

 

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

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

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

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

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

 

① Ctrl+Shift+I(F12)

 

② Ctrl+Shift+P

 

③ 输入"Screen"

 

④ 选择需要的方式截取:

 

▶ 整个网页(Capture full size screenshot)

 

▶ 节点网页(Capture node screenshot)

 

▶ 当前屏幕(Capture screenshot)

 

以上就是关于谷歌浏览器截长图方法详解教程全部内容,更多精彩,请继续关注浏览器评测网谷歌浏览器专区。

 

顶一下
(2)
100%
踩一下
(0)
0%
------分隔线----------------------------

猜你喜欢

  1. 谷歌浏览器老板键设置方法详解

    谷歌浏览器老板键设置方法详解 很多浏览器都有自带老板键的功能,什么是老板键呢?简单来说就是用于快速隐藏游戏或其他无关工作的程的热键。对于使用 谷歌浏览器 的用户,电脑...

  2. 手机谷歌浏览器插件安装方法详解

    手机谷歌浏览器插件安装方法详解 说起谷歌浏览器那简洁高速的界面大家都记忆深刻,在pc端网页浏览器界可以说是神级的存在。最近有网友问, 手机谷歌浏览器 怎么安装扩展插件?...

  3. 谷歌浏览器怎么升级到最新版本

    谷歌浏览器怎么升级到最新版本 谷歌浏览器是我们平时上网常用的浏览器,由于谷歌官方会不定期更新 谷歌浏览器 版本,所以我们在使用谷歌浏览器的时候,经常需要自己更新当前谷...

  4. 谷歌浏览器搜索引擎无法搜索资料解决方法

    谷歌浏览器搜索引擎无法搜索资料解决方法 谷歌浏览器是目前使用人数最多速度最快的浏览器, 凭借简洁高速的效率得到众多网友好评,不过有些国内网友使用谷歌浏览器,在默认使...

  5. 谷歌浏览器截图功能使用方法详解

    谷歌浏览器截图功能使用方法详解 谷歌浏览器是一款高效、简洁、运行速度极快的浏览器,不过由于太过于简洁很多功能需要安装插件来实现,就比如今天我们要讲的谷歌浏览器截图功...

  6. 谷歌浏览器下载视频方法图文教程

    谷歌浏览器下载视频方法图文教程 在浏览网页视频和音乐的时候,非常喜欢某个视频和音乐,想下载保存在电脑上,但是有很多限制,需要注册、回复或者下载专用客户端,非常不方便...

  7. 谷歌浏览器快捷键设置方法详解

    谷歌浏览器快捷键设置方法详解 谷歌浏览器中的快捷键默认是无法修改的,如果想要修改还需要我们下载一个插件才可以。接下来小编将谷歌浏览器修改快捷键的方法分享给大家。 谷...

  8. 谷歌浏览器总是崩溃解决方法详解。

    新版Google Chrome谷歌打开某些网页的时候经常崩溃,怎么解决谷歌浏览器总是崩溃问题?请试试下面的一些方法。 方法一、 Chrome浏览器一进入就全面崩溃,包括设置页面! 解决办法:...

  9. 谷歌浏览器主题背景设置方法详解

    谷歌浏览器主题背景设置方法详解 无论是对于前端开发者,还是普通的用户,谷歌浏览器在工作学习中有着不可替代的作用。但是日复一日,对着谷歌浏览器单调的界面,总感觉有点审...

  10. 谷歌浏览器安装路径更改方法详解

    谷歌浏览器安装路径更改方法详解 谷歌浏览器是目前非常流行的一款电脑网页浏览器,凭借其高速简洁的特色,获得众多网友一致好评,使用人数非常多,但是,用过谷歌浏览器的人都...


版权2017-2050浏览器评测网所有  备案/许可证编号:滇ICP备18004414号。