不好意思,我才知道截图还能这么玩!—— Google浏览器长截屏

原来Google浏览器还可以这样截图!

有时需要将整个网站截图,用快捷键截图只能截取屏幕之内的内容

而当网站出现滚动框时,整个网站就无法截图了。

这时候该咋办呢?看我操作!

1、打开目标网站:http://peng.mmgame.net/

2、按下键盘上 “F12” 或者 “Ctrl + Shift + L”,打开调试模式

3、开始截图

按下键盘上  “Ctrl+Shift+P”,这时出现命令窗(每次截图前,都要按一次)

如下图所示:

不好意思,我才知道截图还能这么玩!—— Google浏览器长截屏不好意思,我才知道截图还能这么玩!—— Google浏览器长截屏

1)全站截图

     输入:capture full size screenshot  然后回车

     生成的截图可以自定义下载位置。

截图效果:

不好意思,我才知道截图还能这么玩!—— Google浏览器长截屏

 

2)指定区域截图,跟平常快捷键截图效果一样

    每次截图前,先按下键盘上  “Ctrl+Shift+P”,出现命令窗才能输入截图命令

     输入:capture area screenshot  然后回车

     生成的截图可以自定义下载位置。

截图效果:

不好意思,我才知道截图还能这么玩!—— Google浏览器长截屏

 

3)截取指定节点

    先在elements选项中,选中要截取的元素

如图所示:

不好意思,我才知道截图还能这么玩!—— Google浏览器长截屏

   

每次截图前,先按下键盘上  “Ctrl+Shift+P”,出现命令窗才能输入截图命令

     输入:capture node screenshot  然后回车

     生成的截图可以自定义下载位置。

截图效果:

不好意思,我才知道截图还能这么玩!—— Google浏览器长截屏

 

4)根据当前屏幕大小进行截图

每次截图前,先按下键盘上  “Ctrl+Shift+P”,出现命令窗才能输入截图命令

     输入:capture screenshot  然后回车

     生成的截图可以自定义下载位置。

截图效果:

不好意思,我才知道截图还能这么玩!—— Google浏览器长截屏

 

全站截图用起来真的很爽啊,后悔知道的有点晚了...

觉得好用 随手点个赞  谢谢啦~