浏览器开发者工具中自带的截屏太方便了！

打开开发者工具，输入 ctrl + shift + P 快捷键，输入screenshot，出现了四个选项，分别是：

1.area screenshot - 区域截图

2.full size screenshot - 对浏览器所有内容截图，包含滚动条能滚动到的页面

3.node screenshot - 对页面中某个元素节点截图

4.screenshot  - 对当前浏览器窗口试图截图

截图后的图片在左下角

第2个选项 full size screenshot 类型截出来效果如图，包含滚动条能滚动到的页面

第4个选项 screenshot 截图效果，仅包含当前窗口内容，不包含滚动条外的页面

如果你只想对页面中的某个元素截图，可以使用node screenshot

先使用开发者工具中左上角的图标在网页中选中某个元素

再使用命令进行截图，效果如下：