Chrome原生截图,有两种方法,大鸟这里就分别来介绍下,还有一种奇葩的方法最后再说。
1.1进入DeviceToolbar
在你要截屏的网站上右键→检查进入ChromeDevTools(浏览器工具栏),大鸟觉得右键选择检查是最方便的进入方式,你也可以按F12、CTRL+SHIFT+I都可以愉快的进入ChromeDevTools。
单击toggledevicetoolbar就是有手机和平板的图标,进入DeviceToolbar。
1.2选择分辨率
在最上面选中模拟的设备分辨率,比如我选了iPadPro,如图:
1.3Capturefullsizescreenshot
单击最右侧的三个点,选择Capturefullsizescreenshot,丢一张图看看:
选择Capturefullsizescreenshot之后,Chrome会自动截取整张网页图片,并自动下载保存,如图:
上面这个方法,不够风骚啊,这个方法有一个缺点,必须要模拟一款移动设备才能截图。其实有一个更简单优雅的办法。也是大鸟推荐的方法,依然是F12或Ctrl+Shift+I或者右键检查来打开开发者工具。
在打开DeviceToolbar状态下按Ctrl+Shift+P打开选择工具的窗口,如图:
在弹出的输入框里输入capture即可看到截图的选项(其实不需要输入完整,输入CAP就可以自动补全),然后选择自己需要的截图方式,按回车即可截图。
我们看到4个紫色的截图功能选项,大鸟这里选择capturefullsizescreenshot(截取整张网页),如图:
我们看到chrome自动截取了整张网页,并且自动下载到了本地电脑。
大鸟这里在演示captureareascreenshot区域截图:
选择captureareascreenshot之后回车就可以用鼠标来选择区域了。其他的两个截图方式自己去尝试吧,用法就是这样了。
chrome有打印功能,可以打印到虚拟打印机,就能得到整个页面,无论多长都可以保存到,不过默认保存是pdf文件。
点击右上角三个圆点,之后找到打印,不过直接CTRL+P也可以调出来打印功能。
选择默认的保存方式为PDF,我们看图:
设置好,选择为保存即可把整张网页保存为pdf格式的文件,如图:
保存的时候回询问你保存在哪里的,不用担心找不到。这样我们就保存了网页为pdf格式了,这样的格式可能会有人需要的,而且保存的格式完好,颜值颇高。