相信大家在平时学习和工作的时候,都少不了要对网页截图。可是,如果使用一般传统的截图方法:QQ截图或者微信截图,很难做到对一个网页的全部页面截图。如下图:

001

因为这些截图方法,只能对电脑屏幕现在展示出来的内容截图。所以,今天我就来给大家分享一个:给全部网页截图的方法。

方便又快捷。

理论学习

我们使用谷歌浏览器:

qq截图快捷_网页截图快捷键_macbook qq截图快捷

来做全网页截图的工具。接下来,我们来选取我们截图目标网页:

如果单独截屏的话创业项目,只能一张一张的截图:

002

如果想要截整张网页,请记住以下步骤:

打开开发者工具;

按Shift + Ctrl + P 或者 Shift + Command + P,进入输入命令页面;

输入screenshot即可。

接下来,我们通过实战来演示一下怎么实战操作。

实战演练

我们的目标网页地址:

002

第一步网页截图快捷键,我们打开开发者工具。

这里有两种方法可以打开谷歌浏览器的开发者工具:

通过页面顶端右侧的菜单按钮 -> 更多工具 -> 开发者工具路径打开:

macbook qq截图快捷_网页截图快捷键_qq截图快捷

003

按快捷键Shift + Ctrl + I 或者 Option + Command + I打开:

网页截图快捷键_qq截图快捷_macbook qq截图快捷

004

下面红框就是传说中的开发者工具。

第二步,打开命令输入栏。

当我们打开了开发者工具,可以直接按Shift + Ctrl + P 或者 Shift + Command + P,进入输入命令页面:

005

这个红色的框框就是命令输入框。

第三步,输入命令。

第三步,直接输入screenshot网页截图快捷键,我们就会看到:

006

可以发现,这里有四个screenshot命令:

最后截图就是选中的那一块:

这样,我们如果要截取全部页面的话,就只需要使用Capture full size screenshot命令就可以了。是不是很方便。

技术总结

最后,我们总结一下如何使用Chrome浏览器截图网页全图:

打开开发者工具;

按Shift + Ctrl + P 或者 Shift + Command + P,进入输入命令页面;

输入screenshot即可;

选择Capture full size screenshot命令就是网页全图;

完毕。

最后安利一个小事,就是『皮爷撸码』官方网站Peekpa.com已经上线了,而且历史文章中还有详细的记录,教你怎么用Python的Django开发Peekpa.com。还不赶紧学起来?

想要知道更多,就去Peekpa.com

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注