Chrome内置了网页截图功能

从v59版本开始,对于要求不高的需求,这又可以省去一个插件安装了。

1、在网页加载完成后,Windows按F12,MAC是⌘Command + ⌥Option + I,或者右键选择菜单相检查(Inspect),打开开发工具界面

2、Windows按下组合键Ctrl + Shift + P,Mac是⌘Command + ⇧Shift + P,可以看到输入指令的文本框

3、输入capture,就会显现网页截图功能命令,Capture full size screenshot是截取整个页面,点击后即可

4、网页截图页面保存在系统定义好的用户下载目录中,切换到手机查看模式,依然可以模拟手机浏览截取网页

5、对于截取页面中的部分标签定义内容,可以选中需要截取的地方,参照步骤2调出指令输入框,使用Capture node screenshot命令即可