在开发过程调试页面的时候,大家会发现其他浏览器(firefox,QQ,360等等浏览器)都有自带截图功能,轻松保存整个网页,十分方便

但我们开发调试页面最喜欢用的还是谷歌浏览器,尽管商店里也有许多截图增强扩展,感觉很鸡肋 经过一番冥想,发现 Chrome 开发者工具中其实自带了截图命令,效果也令人满意,在这里分享给大家.

要想使用截图功能你需要首先确保 Chrome 已升级至 59 或更高版本。在想要截图的网页中,按下F12快键键,召唤调试界面.

随后按下Ctrl + Shift + P,输入命令 Capture full size screenshot(只输前几个字母就能找到),敲下回车,Chrome 就会自动截取整个网页内容并保存至本地.

此外大家也发现了 还有2个命令

Capture node screenshot命令可以让你截取你选中的部分截图,

capture screenshot命令可以让你截取当前网页的可视部分.