原来Google浏览器还可以这样截图!
有时需要将整个网站截图,用快捷键截图只能截取屏幕之内的内容
而当网站出现滚动框时,整个网站就无法截图了。
这时候该咋办呢?看我操作!
1、打开目标网站:http://peng.mmgame.net/
2、按下键盘上 “F12” 或者 “Ctrl + Shift + L”,打开调试模式
3、开始截图
按下键盘上 “Ctrl+Shift+P”,这时出现命令窗(每次截图前,都要按一次)
如下图所示:


1)全站截图
输入:capture full size screenshot 然后回车
生成的截图可以自定义下载位置。
截图效果:

2)指定区域截图,跟平常快捷键截图效果一样
每次截图前,先按下键盘上 “Ctrl+Shift+P”,出现命令窗才能输入截图命令
输入:capture area screenshot 然后回车
生成的截图可以自定义下载位置。
截图效果:

3)截取指定节点
先在elements选项中,选中要截取的元素
如图所示:

每次截图前,先按下键盘上 “Ctrl+Shift+P”,出现命令窗才能输入截图命令
输入:capture node screenshot 然后回车
生成的截图可以自定义下载位置。
截图效果:

4)根据当前屏幕大小进行截图
每次截图前,先按下键盘上 “Ctrl+Shift+P”,出现命令窗才能输入截图命令
输入:capture screenshot 然后回车
生成的截图可以自定义下载位置。
截图效果:

全站截图用起来真的很爽啊,后悔知道的有点晚了...
觉得好用 随手点个赞 谢谢啦~
本文介绍如何使用谷歌浏览器的开发者工具进行全站截图、指定区域截图、指定节点截图及根据当前屏幕大小截图的方法,只需几个简单步骤即可实现。
10万+

被折叠的 条评论
为什么被折叠?



